.tdd{--tdd-blue:#087aff;--tdd-navy:#0b1527;--tdd-text:#10182b;--tdd-muted:#5c6472;font-family:inherit;color:var(--tdd-text);max-width:1320px;margin:0 auto;padding:0 10px 32px;line-height:1.45;box-sizing:border-box}.tdd *{box-sizing:border-box}.tdd h1,.tdd h2,.tdd h3,.tdd p{margin:0}.tdd-hero{background:linear-gradient(110deg,#0a1424 0%,#16263a 70%,#203b5b 100%);color:white;min-height:270px;border-radius:8px;display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:30px;padding:34px 44px;margin:0 0 24px;overflow:hidden}.tdd-eyebrow{color:#aac7ee;font-size:13px;letter-spacing:1px;font-weight:700}.tdd-hero h1{font-size:clamp(34px,4.5vw,65px);font-weight:900;line-height:1.05;color:#fff;letter-spacing:-2px;margin:7px 0 6px}.tdd-hero h1 span{color:#258dff}.tdd-hero h2{font-size:clamp(16px,1.7vw,22px);font-weight:700;color:white;margin:0 0 12px}.tdd-hero p{font-size:15px;max-width:560px}.tdd-hero-benefits{display:grid;gap:15px}.tdd-hero-benefits p{font-size:15px;font-weight:600}.tdd-layout{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(320px,1fr);gap:22px;align-items:start}.tdd-section-heading{display:flex;align-items:flex-start;gap:13px;margin:0 0 19px}.tdd-step{background:var(--tdd-blue);color:white;display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:50%;font-weight:800;font-size:24px}.tdd-section-heading h2{font-size:23px;line-height:1.2;font-weight:800;color:var(--tdd-text)}.tdd-section-heading p{color:var(--tdd-muted);font-size:13px;margin-top:3px}.tdd-table-head,.tdd-product-row{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(75px,.7fr) minmax(114px,.9fr) minmax(80px,.7fr);gap:8px;align-items:center}.tdd-table-head{padding:0 10px 8px;font-size:12px;font-weight:800}.tdd-table-head span:last-child{text-align:right}.tdd-product-row{padding:8px 10px;min-height:72px;border-radius:9px;background:#f4f6f9;margin-bottom:5px}.tdd-product-name{display:flex;align-items:center;gap:12px;min-width:0}.tdd-product-name img,.tdd-image-placeholder{width:82px;height:61px;object-fit:contain;flex-shrink:0}.tdd-image-placeholder{display:grid;place-items:center;font-size:32px;color:#bac7d5}.tdd-product-name strong{font-size:14px;line-height:1.25}.tdd-unit{font-size:13px}.tdd-qty{display:flex;align-items:center;border:1px solid #d6dfe9;border-radius:7px;background:white;height:38px;overflow:hidden}.tdd-qty button{background:transparent!important;border:0!important;color:#1e293b!important;box-shadow:none!important;padding:0!important;min-width:29px;height:100%;font-size:19px;cursor:pointer}.tdd-qty input{border:0!important;box-shadow:none!important;background:white!important;width:100%;min-width:0;text-align:center;font-size:14px!important;padding:0!important;height:100%!important;appearance:textfield;-moz-appearance:textfield}.tdd-qty input::-webkit-inner-spin-button,.tdd-qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tdd-line-total{text-align:right;font-size:13px;white-space:nowrap}.tdd-small{font-size:12px;color:var(--tdd-muted);margin:12px 0!important}.tdd-side{display:grid;gap:15px}.tdd-panel{background:#f3f6fa;border-radius:12px;padding:20px}.tdd-fields{display:grid;gap:14px}.tdd-fields label{display:grid;gap:6px;font-size:13px;font-weight:700}.tdd-fields input:not([type=checkbox]),.tdd-fields textarea{background:white!important;color:#172032!important;border:1px solid #d4dce6!important;border-radius:7px!important;padding:11px 12px!important;width:100%;box-shadow:none!important;font:inherit!important;font-size:13px!important;line-height:1.4!important}.tdd-fields textarea{resize:vertical}.tdd-fields input:focus,.tdd-fields textarea:focus{outline:2px solid #9ccaff!important}.tdd-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tdd-fields .tdd-consent{display:flex;gap:9px;align-items:start;font-size:12px;font-weight:400}.tdd-consent input{margin-top:3px}.tdd-hp{position:absolute!important;left:-99999px!important;height:0!important;overflow:hidden!important}.tdd-totals{background:#e2f0ff;border-radius:9px;padding:14px 16px}.tdd-totals>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 0;font-size:13px}.tdd-totals>div+div{border-top:1px solid #c6d9ee}.tdd-totals strong{font-size:24px}.tdd-discount{background:#fff0c7;border-radius:9px;padding:14px 16px;margin:12px 0}.tdd-discount strong{font-size:16px}.tdd-discount p{font-size:13px;margin-top:5px}.tdd-summary button[type=submit]{background:var(--tdd-blue)!important;color:#fff!important;border:0!important;border-radius:7px!important;width:100%;min-height:49px;padding:12px!important;font-size:16px;font-weight:800;cursor:pointer;box-shadow:none!important}.tdd-summary button:disabled{opacity:.6;cursor:wait}.tdd-secure{font-size:12px;color:var(--tdd-muted);margin:11px 0!important}.tdd-success,.tdd-error{padding:12px;border-radius:7px;font-size:13px;font-weight:700}.tdd-success{background:#dcfce7;color:#166534}.tdd-error{background:#fee2e2;color:#991b1b}.tdd-info{margin-top:18px;background:#f3f6fa;border-radius:12px;padding:25px 16px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}.tdd-info span{display:block;font-size:35px;color:#0b1527;margin-bottom:8px}.tdd-info h3{font-size:16px;font-weight:800;margin:0 0 7px}.tdd-info p{font-size:13px;color:#354051}.tdd-empty{padding:20px;background:#f3f6fa;border-radius:8px}@media(max-width:1050px){.tdd-layout{grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr)}.tdd-product-name img,.tdd-image-placeholder{width:55px;height:52px}.tdd-product-row,.tdd-table-head{grid-template-columns:minmax(0,1.5fr) 65px 108px 72px}.tdd-hero{padding:30px}}@media(max-width:800px){.tdd-layout{grid-template-columns:1fr}.tdd-hero{grid-template-columns:1fr;gap:16px}.tdd-hero-benefits{grid-template-columns:1fr 1fr;gap:8px}.tdd-info{grid-template-columns:1fr 1fr}}@media(max-width:480px){.tdd{padding:0 4px 20px}.tdd-hero{padding:22px 18px;min-height:0}.tdd-hero-benefits{grid-template-columns:1fr}.tdd-product-row,.tdd-table-head{grid-template-columns:minmax(0,1.5fr) 65px 94px;gap:5px}.tdd-table-head span:last-child,.tdd-line-total{display:none}.tdd-product-name{gap:6px}.tdd-product-name img,.tdd-image-placeholder{width:45px;height:45px}.tdd-product-name strong{font-size:12px}.tdd-unit{font-size:12px}.tdd-qty button{min-width:25px}.tdd-step{flex-basis:38px;height:38px;font-size:20px}.tdd-section-heading h2{font-size:20px}.tdd-two{grid-template-columns:1fr}.tdd-panel{padding:16px}.tdd-info{gap:18px 10px;padding:18px 12px}.tdd-info h3{font-size:14px}.tdd-info p{font-size:12px}}

/* v1.0.1: restore atmospheric dojo photography behind the hero copy */
.tdd .tdd-hero{background-image:linear-gradient(90deg,rgba(6,14,27,.88) 0%,rgba(8,18,34,.74) 50%,rgba(8,18,34,.81) 100%),url("dojo-header.jpg");background-position:center;background-size:cover;background-repeat:no-repeat}
/* Theme-proof vertical centring of all three quantity controls */
.tdd .tdd-qty{display:flex!important;align-items:stretch!important;justify-content:center!important}
.tdd .tdd-qty button,.tdd .tdd-qty input{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;line-height:1!important;margin:0!important;transform:none!important;position:static!important;top:auto!important;bottom:auto!important}
.tdd .tdd-qty button{flex:0 0 29px!important;height:100%!important;min-height:0!important;min-width:0!important;padding:0!important;border-radius:0!important;font-family:Arial,sans-serif!important;font-weight:500!important}
.tdd .tdd-qty input{flex:1 1 auto!important;height:100%!important;min-height:0!important;min-width:0!important;padding:0!important;border-radius:0!important;text-align:center!important;line-height:38px!important}
@media(max-width:480px){.tdd .tdd-qty button{flex-basis:25px!important}}

/* v1.0.2: explain retail sales potential without displaying an unconfirmed discount */
.tdd-totals .tdd-rrp-explain{font-size:12px;color:#42566c;line-height:1.45;margin:5px 0 0!important;}

/* v1.0.3: SMS contact details and improved hero contrast */
.tdd .tdd-hero{background-image:linear-gradient(90deg,rgba(7,14,25,.88) 0%,rgba(9,17,28,.57) 53%,rgba(7,14,25,.76) 100%),url("dojo-header.jpg");background-position:center 55%;min-height:285px}
.tdd .tdd-phone-fields{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(80px,.65fr) minmax(0,1.1fr);gap:9px}
.tdd .tdd-fields select{background:#fff!important;color:#172032!important;border:1px solid #d4dce6!important;border-radius:7px!important;padding:11px 8px!important;width:100%;min-width:0;font:inherit!important;font-size:13px!important;min-height:42px}
.tdd .tdd-sms-note{background:#e2f0ff;color:#213e64;padding:10px 12px;border-radius:7px;font-size:12px;line-height:1.5;margin:0!important}
@media(max-width:480px){.tdd .tdd-phone-fields{grid-template-columns:1fr 1fr}.tdd .tdd-phone-fields label:first-child{grid-column:1/-1}}

/* v1.0.5: aligned phone labels and manual country fallback */
.tdd .tdd-phone-fields{grid-template-columns:minmax(0,1.4fr) minmax(105px,.72fr) minmax(0,1.1fr);align-items:end}
.tdd .tdd-phone-fields>label{min-width:0;align-self:end}
.tdd .tdd-phone-fields>label:nth-child(2){white-space:nowrap}
.tdd .tdd-phone-fields input,.tdd .tdd-phone-fields select{height:43px!important;min-height:43px!important}
.tdd .tdd-manual-country[hidden]{display:none!important}
.tdd .tdd-manual-country{display:grid;gap:5px}
.tdd .tdd-manual-hint{font-size:12px;color:#5c6472;margin:0!important}
@media(max-width:580px){.tdd .tdd-phone-fields{grid-template-columns:1fr 1fr}.tdd .tdd-phone-fields>label:first-child{grid-column:1/-1}.tdd .tdd-phone-fields>label:nth-child(2){white-space:nowrap}}

/* v1.0.6: Larger clickable product images and full-resolution lightbox */
.tdd .tdd-product-name .tdd-image-trigger{display:flex;align-items:center;justify-content:center;flex:0 0 104px;width:104px;height:86px;border:1px solid #dce6f2;border-radius:8px;background:#fff;padding:4px;cursor:zoom-in;box-shadow:none;transition:border-color .15s,box-shadow .15s;}
.tdd .tdd-product-name .tdd-image-trigger:hover,.tdd .tdd-product-name .tdd-image-trigger:focus-visible{border-color:#087aff;box-shadow:0 0 0 2px #087aff30;outline:none;}
.tdd .tdd-product-name .tdd-image-trigger img{width:100%;height:100%;object-fit:contain;flex:initial;}
.tdd .tdd-product-row{min-height:100px;}
.tdd .tdd-lightbox[hidden]{display:none!important;}
.tdd .tdd-lightbox{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;background:rgba(8,15,28,.88);padding:28px;cursor:zoom-out;}
.tdd .tdd-lightbox-inner{position:relative;max-width:min(100%,1000px);max-height:100%;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:default;}
.tdd .tdd-lightbox-inner img{display:block;max-width:100%;max-height:calc(100dvh - 120px);width:auto;height:auto;object-fit:contain;background:#fff;border-radius:7px;}
.tdd .tdd-lightbox-close{position:absolute;top:-18px;right:-18px;z-index:1;border:0;border-radius:50%;width:42px;height:42px;background:#fff;color:#0b1527;font-size:30px;line-height:1;cursor:pointer;box-shadow:0 2px 12px #0005;padding:0;}
.tdd .tdd-lightbox-title{color:white;font-size:15px;font-weight:700;text-align:center;}
body.tdd-preview-open{overflow:hidden;}
@media(max-width:1050px){.tdd .tdd-product-name .tdd-image-trigger{flex-basis:78px;width:78px;height:72px;}}
@media(max-width:480px){.tdd .tdd-product-name .tdd-image-trigger{flex-basis:58px;width:58px;height:58px;padding:2px;}.tdd .tdd-product-row{min-height:74px;}.tdd .tdd-lightbox{padding:15px;}.tdd .tdd-lightbox-close{right:0;top:-45px;}}

/* v1.0.7: accommodate fifth editable benefit without changing the hero layout */
.tdd .tdd-hero-benefits{gap:10px}.tdd .tdd-hero-benefits p{line-height:1.35}