:root{--paper:#fffdf5;--ink:#1c3348;--green:#183e36;--line:#c5cfcd;--gold:#9e8a61;font-family:Arial,sans-serif;color:var(--ink);background:transparent}*{box-sizing:border-box}body{margin:0}button,input,select,textarea,.button{font:inherit}button,.button{cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:10px 13px;background:var(--paper);color:var(--ink);text-decoration:none;line-height:1.3}button:hover,.button:hover{border-color:var(--gold);background:#f4eddb}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #91b7dc;outline-offset:2px}button.primary,button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}h1,h2{font-family:Georgia,serif;font-weight:500;line-height:1.12;margin:8px 0 18px}h1{font-size:clamp(26px,3vw,40px)}h2{font-size:30px}.eyebrow{letter-spacing:.15em;font-size:10px;font-weight:bold;color:#597166}.muted{font-size:12px;line-height:1.5;color:#657674}.paper{padding:clamp(18px,3vw,38px);background:var(--paper);height:100%;overflow:auto}.leaf{background:var(--paper)}#golf-flipbook{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;max-width:1350px;margin:auto}.leaf{border:1px solid #d4dacf;border-radius:14px;overflow:hidden}label{display:block;font-size:12px;font-weight:600;margin:12px 0 6px}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{display:block;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);width:100%;min-height:40px;padding:8px 10px;line-height:1.3;margin-top:6px}input[type=range]{width:100%}input[type=checkbox],input[type=radio]{width:18px;height:18px;vertical-align:middle;margin:0 7px 0 0}.top-actions,.steps,.actions,.field-row{display:flex;gap:8px;align-items:center;margin:10px 0}.top-actions{flex-wrap:wrap}.top-actions .button{margin:0;font-weight:400}.steps{border:1px solid var(--gold);padding:7px;border-radius:14px}.steps button,.actions button,.field-row>label{flex:1}.product-row{display:grid;grid-template-columns:1fr 78px;gap:6px 12px;border-bottom:1px solid #e2e6df;padding:10px 0}.product-row label{margin:0;align-self:center}.product-row small{display:block;font-weight:400;color:#657674;margin-top:6px;font-size:11px;line-height:1.4}.product-row .quantity{height:36px!important;min-height:34px!important;margin:0!important}.print-choice{grid-column:1/-1;font-size:11px}.personalisation{border:1px solid var(--gold);border-radius:14px;padding:14px;margin-top:18px}.layers{display:flex;gap:6px;flex-wrap:wrap}.layers button{font-size:11px;padding:7px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-preview{height:150px;display:flex;align-items:center;justify-content:center;gap:15px}.product-preview img{height:140px;width:150px;object-fit:contain}.product-preview span{font-size:11px;color:#657674}.art-preview{padding:20px;background:#eef1ec;border-radius:16px;display:flex;align-items:center;justify-content:center;min-height:250px}#stage{position:relative;width:100%;max-width:330px;aspect-ratio:1;background:#fff;box-shadow:0 4px 15px #183e3622;overflow:hidden;touch-action:none}#stage.circle{border-radius:50%;max-width:260px}#stage.strip{aspect-ratio:5;max-width:440px}#stage.portrait{aspect-ratio:.7;max-width:210px}#stage.landscape{aspect-ratio:1.5}#stage:after{content:'';position:absolute;inset:7%;border:1px dashed #97aaa0;pointer-events:none;border-radius:inherit}.art-layer{position:absolute;transform:translate(-50%,-50%) rotate(var(--rotation));cursor:grab;z-index:1;touch-action:none;line-height:1.15;white-space:pre-wrap;text-align:center;overflow-wrap:anywhere}.art-layer.selected{outline:1px dashed #336f67;outline-offset:3px}.art-layer img{width:100%;height:auto;display:block;pointer-events:none}.quote-line{display:flex;justify-content:space-between;gap:10px;font-size:12px;line-height:1.5;padding:6px 0}.quote-line.total{font-size:20px;border-top:1px solid var(--line);margin-top:5px;font-weight:bold}.notice{background:#f5eedc;padding:12px;border-radius:10px;font-size:12px;line-height:1.5;margin:14px 0}#status{font-size:12px;min-height:18px}.book #golf-flipbook{display:block;margin:10px auto}.book .leaf{border-radius:0;box-shadow:inset 8px 0 18px #8b7a5920}.book .paper{font-size:12px;padding:22px}.book h1{font-size:28px}.book .product-preview{height:110px}.book .product-preview img{height:100px}.book .art-preview{min-height:210px}.book .personalisation{padding:12px}.book .product-row{padding:7px 0}@media(max-width:700px){#golf-flipbook{grid-template-columns:1fr}.preview{min-height:650px}.paper{padding:20px}.field-row{align-items:stretch}.book .paper{padding:18px}.book .preview{min-height:0}.quote-line{font-size:11px}}
/* Personalised product views: the three print planes use their physical proportions. */
#stage.black-product{background:#141414;color:white}#stage.black-product:after{border-color:#777}.golf-product-view{border:1px solid #d8ded6;border-radius:16px;background:linear-gradient(140deg,#edf0e9,#dce2db);padding:12px;margin-bottom:18px;overflow:hidden}.view-heading{display:flex;justify-content:space-between;gap:12px;font-size:12px}.view-kind{color:#63756a;font-size:11px}.box-scene{height:320px;position:relative;perspective:850px;touch-action:none;cursor:grab}.box-scene:active{cursor:grabbing}.box-scale{position:absolute;left:50%;top:65%;transform-style:preserve-3d}.gift-box{position:relative;transform-style:preserve-3d;width:0;height:0}.box-face{position:absolute;left:0;top:0;background:#171819;border:1px solid #353739;backface-visibility:visible}.box-front,.box-back{width:300px;height:85px}.box-front{transform:translate3d(-150px,-42.5px,109px);background:linear-gradient(#1c1d1e,#101112)}.box-back{transform:translate3d(-150px,-42.5px,-110px);background:#111}.box-left,.box-right{width:220px;height:85px;background:linear-gradient(110deg,#252627,#0d0e0f)}.box-left{transform:translate3d(-260px,-42.5px,0) rotateY(90deg)}.box-right{transform:translate3d(40px,-42.5px,0) rotateY(90deg)}.box-bottom{width:300px;height:220px;transform:translate3d(-150px,-67.5px,0) rotateX(90deg);background:#101112;box-shadow:inset 0 0 30px #000}.box-lid{position:absolute;width:300px;height:220px;transform-origin:50% 0;transform-style:preserve-3d}.lid-outside,.lid-inside{position:absolute;inset:0;background:linear-gradient(135deg,#2a2b2c,#111214 65%,#202122);border:2px solid #363839;backface-visibility:hidden;border-radius:2px;box-shadow:0 0 0 1px #080808}.lid-inside{transform:rotateX(180deg) translateZ(1px);background:linear-gradient(#18191a,#242526);box-shadow:inset 0 0 18px #080808}.box-lid img{position:absolute;width:150px;height:100px;left:75px;top:60px;object-fit:contain}.lid-flap{position:absolute;left:0;top:220px;width:300px;height:85px;transform-origin:50% 0;transform:rotateX(-90deg);transform-style:preserve-3d;background:linear-gradient(#1c1d1e,#101112);border:1px solid #353739;backface-visibility:visible}.lid-flap img{position:absolute;width:100px;height:50px;left:100px;top:17.5px;object-fit:contain}.box-tools{display:flex;flex-wrap:wrap;gap:5px}.box-tools button{font-size:11px;padding:7px 9px}.lid-control{display:flex;align-items:center;gap:12px;font-size:11px}.lid-control input{flex:1;width:auto}.view-note{margin-bottom:0;font-size:10px}.flat-product{position:relative;width:220px;height:235px;margin:10px auto}.flat-photo{width:100%;height:100%;object-fit:contain}.flat-art{position:absolute;object-fit:contain;left:30%;top:30%;width:40%;height:40%;pointer-events:none}.flat-product[data-product=ball] .flat-art{left:27%;top:28%;width:46%;height:43%;border-radius:50%}.flat-product[data-product=tag] .flat-art{left:34%;top:37%;width:32%;height:49%}.flat-product[data-product=pitchfork] .flat-art{left:44%;top:14%;width:14%;height:13%;border-radius:50%}.flat-product[data-product=tee] .flat-art{left:47%;top:18%;width:6%;height:65%;transform:rotate(90deg);object-fit:contain}.flat-product[data-product=tee][data-surface=head] .flat-art{left:43%;top:3%;width:14%;height:13%;transform:none;border-radius:50%}.flat-product[data-product=crystal] .flat-art{left:30%;top:58%;width:40%;height:12%}.book .box-scene{height:280px}@media(prefers-reduced-motion:reduce){.gift-box,.box-lid{transition:none}}

.ball-canvas{display:block;width:100%;height:300px;object-fit:contain;touch-action:none;cursor:grab}.ball-canvas:active{cursor:grabbing}.ball-tools{display:flex;gap:6px;flex-wrap:wrap}.ball-option{display:flex;align-items:center;gap:10px;margin:14px 0}.ball-option input{width:20px;height:20px;flex-shrink:0}.ball-preview[hidden],.ball-option[hidden]{display:none}.book-mode .ball-canvas{height:250px}
#golf-flipbook .ball-preview canvas.ball-canvas{position:relative;inset:auto;width:100%;height:300px;display:block;z-index:auto;box-sizing:border-box}.book #golf-flipbook .ball-preview canvas.ball-canvas{height:250px}

#ball-supply-control[hidden]{display:none}#ball-supply-control small{font-weight:400;line-height:1.5;color:#52665e;margin-top:6px}

/* Keep the live result visible while the controls change. */
.paper{overflow-anchor:none}.preview-tabs{display:flex;gap:8px;margin:0 0 12px}.preview-tabs button{flex:1;font-size:12px}.preview:not(.show-placement) .art-preview,.preview:not(.show-placement) #surface-caption{display:none}.preview.show-placement .golf-product-view{display:none}.preview .golf-product-view{margin-bottom:12px}.preview .eyebrow{margin-top:0}.preview h2{font-size:24px;margin-bottom:12px}.preview .ball-preview>p{font-size:10px;margin-bottom:0}.preview .ball-tools button{padding:6px 9px;font-size:11px}.preview .box-scene{height:245px}#golf-flipbook .preview .ball-preview canvas.ball-canvas{height:220px}.preview .notice{font-size:11px;margin:8px 0}.preview .quote-line{padding:4px 0}
@media(min-width:701px){body:not(.book) #golf-flipbook{align-items:start}body:not(.book) #golf-flipbook>.leaf:last-child{position:sticky;top:12px;max-height:calc(100dvh - 24px)}body:not(.book) .paper.preview{max-height:calc(100dvh - 24px);height:auto}.book .preview{padding:18px}}

#golf-flipbook .tee-preview canvas.tee-canvas{position:relative;inset:auto;display:block;width:100%;height:220px;object-fit:contain;touch-action:none;cursor:grab;z-index:auto}.tee-canvas:active{cursor:grabbing}.tee-preview>p{font-size:10px;line-height:1.5;margin-bottom:0}.tee-preview .ball-tools button{padding:6px 9px;font-size:11px}

.golf-gallery-viewer{width:min(780px,96vw);max-height:96dvh;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink)}.golf-gallery-viewer::backdrop{background:#102a3bbb}.golf-gallery-viewer header{display:flex;justify-content:space-between;gap:10px;align-items:start}.golf-gallery-viewer h2{font-size:24px;margin:4px 0}.saved-set{font-size:12px;margin:6px 0;color:#657674}.saved-products,.saved-images,.golf-gallery-viewer footer{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:10px 0}.saved-products select{flex:1;min-width:0;margin:0}.saved-products button,.saved-images button,.golf-gallery-viewer footer button{font-size:12px}.saved-images span{font-size:12px;text-align:center}.saved-view-host .golf-product-view{margin:0}.golf-gallery-viewer canvas.ball-canvas,.golf-gallery-viewer canvas.tee-canvas{position:relative!important;width:100%!important;height:clamp(140px,28dvh,260px)!important;inset:auto!important;display:block;object-fit:contain;touch-action:none}.golf-gallery-viewer .box-scene{height:clamp(150px,29dvh,260px)}.saved-photo{width:100%;height:clamp(180px,40dvh,370px);object-fit:contain;background:#edf0e9;border-radius:12px}.saved-photo.artwork{background-color:#eee;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:20px 20px}.golf-gallery-viewer .flat-product{height:220px}.golf-gallery-viewer .view-note,.golf-gallery-viewer .ball-preview>p{font-size:10px}@media(max-width:600px){.golf-gallery-viewer{padding:12px}.saved-products{flex-wrap:wrap}.saved-products select{order:-1;flex-basis:100%}}

.accessory-preview canvas{position:relative!important;display:block;width:100%;height:280px;object-fit:contain;touch-action:none;cursor:grab}.accessory-preview canvas:active{cursor:grabbing}.accessory-preview[hidden]{display:none}

.mode-choice{max-width:560px;width:calc(100% - 40px);box-sizing:border-box;padding:28px;border:1px solid #b8c7bf;border-radius:20px;background:#fffcf4;color:#183e36}.mode-choice::backdrop{background:#142c3c88}.mode-choice .top-actions{flex-wrap:wrap}.mode-choice button{min-height:44px}

.saved-thumbnails{display:flex;gap:8px;overflow-x:auto;padding:10px 2px;flex-shrink:0}.saved-thumbnails button{flex:0 0 66px;min-height:58px;padding:4px;font-size:11px}.saved-thumbnails button[aria-pressed=true]{outline:2px solid #b29152;outline-offset:-2px}.saved-thumbnails img{width:56px;height:48px;object-fit:contain}.saved-photo-note{font-size:12px;margin:4px 0 12px}

.crystal-preview canvas{position:relative!important;display:block;width:100%;height:320px;object-fit:contain;touch-action:none;cursor:grab;border-radius:12px}.crystal-preview[hidden]{display:none}.crystal-preview canvas:active{cursor:grabbing}.golf-gallery-viewer .crystal-preview canvas{height:clamp(180px,32dvh,300px)}

/* Saved designs: the model takes centre stage; secondary information folds away. */
.golf-gallery-viewer{width:min(1100px,96vw);max-height:96dvh;padding:14px;overflow:auto}
.golf-gallery-viewer header{align-items:center;gap:8px}
.golf-gallery-viewer header .eyebrow{display:none}
.golf-gallery-viewer h2{font-size:20px;line-height:1.2;margin:0}
.golf-gallery-viewer .saved-set{margin:3px 0;font-size:12px;line-height:1.3}
.golf-gallery-viewer button,.golf-gallery-viewer select{min-height:44px;font-size:12px;line-height:1.25;padding:7px 10px}
.golf-gallery-viewer .saved-products,.golf-gallery-viewer .saved-images,.golf-gallery-viewer footer{gap:6px;margin:6px 0}
.golf-gallery-viewer .saved-products select{margin:0}
.golf-gallery-viewer .golf-product-view{padding:8px;margin:0;border-radius:12px}
.golf-gallery-viewer .view-heading{display:none}
.golf-gallery-viewer :is(.ball-preview,.tee-preview,.accessory-preview,.crystal-preview){display:grid;grid-template-columns:minmax(0,1fr) 126px;gap:6px;align-items:center}
.golf-gallery-viewer .golf-product-view canvas,.golf-gallery-viewer .box-scene{height:clamp(260px,54dvh,570px)!important;width:100%;min-width:0;object-fit:contain}
.golf-gallery-viewer .ball-tools{display:flex;flex-direction:column;gap:6px}
.golf-gallery-viewer .ball-tools button{font-size:12px;padding:7px;min-height:44px}
.golf-gallery-viewer .saved-information{grid-column:1/-1;font-size:12px;line-height:1.4;margin:0}
.golf-gallery-viewer .saved-information:has(>p[hidden]){display:none}
.golf-gallery-viewer .saved-information summary{cursor:pointer;min-height:32px;padding:6px 0;color:#526b62}
.golf-gallery-viewer .saved-information p{font-size:12px;margin:4px 0 8px}
.golf-gallery-viewer .saved-photo{height:clamp(260px,54dvh,570px);margin:0}
.golf-gallery-viewer .saved-images span{font-size:11px;line-height:1.25}
.golf-gallery-viewer .saved-thumbnails{gap:5px;padding:3px 1px}
.golf-gallery-viewer .saved-thumbnails button{flex:0 0 52px;min-height:44px;padding:3px;font-size:10px}
.golf-gallery-viewer .saved-thumbnails img{width:44px;height:36px}
.golf-gallery-viewer footer{border-top:1px solid #dce1d8;padding-top:6px}
@media(max-width:600px){
 .golf-gallery-viewer{width:98vw;padding:10px}
 .golf-gallery-viewer h2{font-size:18px}
 .golf-gallery-viewer .saved-products{display:grid;grid-template-columns:1fr 1fr}
 .golf-gallery-viewer .saved-products select{grid-column:1/-1;grid-row:1}
 .golf-gallery-viewer :is(.ball-preview,.tee-preview,.accessory-preview,.crystal-preview){grid-template-columns:minmax(0,1fr)}
 .golf-gallery-viewer .ball-tools{flex-direction:row;flex-wrap:wrap}
 .golf-gallery-viewer .ball-tools button{flex:1}
 .golf-gallery-viewer .golf-product-view canvas,.golf-gallery-viewer .box-scene,.golf-gallery-viewer .saved-photo{height:clamp(230px,43dvh,420px)!important}
}
@media(max-width:600px){.golf-gallery-viewer .golf-product-view canvas{height:auto!important;aspect-ratio:4/3;max-height:43dvh}.golf-gallery-viewer .golf-product-view canvas.tee-canvas{aspect-ratio:8/5}}

#add-text,#image-label{display:inline-flex;align-items:center;justify-content:center;gap:10px}#add-text[hidden],#image-label[hidden]{display:none}.add-content-icon{width:24px;height:24px;flex-shrink:0;pointer-events:none}

#size-label{display:none!important}#stage{overflow:visible}.art-layer{touch-action:none}.art-layer.selected{z-index:3}.art-handle{display:none;position:absolute;width:22px;height:22px;min-height:0;padding:0!important;margin:0;border:2px solid #fff;border-radius:5px;background:#244e3b;box-shadow:0 0 0 1px #244e3b;touch-action:none;z-index:5}.art-layer.selected .art-handle{display:block}.art-handle.nw{left:0;top:0;transform:translate(-50%,-50%);cursor:nwse-resize}.art-handle.ne{right:0;top:0;transform:translate(50%,-50%);cursor:nesw-resize}.art-handle.sw{left:0;bottom:0;transform:translate(-50%,50%);cursor:nesw-resize}.art-handle.se{right:0;bottom:0;transform:translate(50%,50%);cursor:nwse-resize}.art-handle:focus-visible{outline:3px solid #bf8b35;outline-offset:3px}
.packed-contents{position:absolute;transform-style:preserve-3d;pointer-events:none}.packed-tray{position:absolute;width:284px;height:204px;left:-142px;top:-102px;transform:translateY(2px) rotateX(90deg);backface-visibility:hidden;box-shadow:0 0 5px #000}.packed-tray svg{width:100%;height:100%;display:block}.packed-ball{position:absolute;transform-style:preserve-3d}.packed-ball i{position:absolute;border-radius:50%;background-image:radial-gradient(circle at 40% 40%,#fff8 0 15%,#7d858d30 23%,transparent 32%);background-size:6px 6px}.box-tools [data-contents][aria-pressed=true]{background:#244e3b;color:#fff;border-color:#244e3b}.packed-summary{font-size:11px!important;line-height:1.4;margin:8px 0!important}.packed-summary[hidden]{display:none!important}