/* Ocean Print Shop */
.ops{--ops-navy:#0e2a44;--ops-ink:#102e49;--ops-teal:#007f91;--ops-teal-d:#006574;--ops-mist:#eef6f8;--ops-line:#dfe8ed;--ops-text:#3d5566;--ops-soft:#5b7384;--ops-ok:#1f9d62;--ops-err:#b3261e;
	color:var(--ops-text);font:400 16px/1.6 'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;margin:0;padding:0 0 64px;box-sizing:border-box;overflow:hidden}
.ops *,.ops *:before,.ops *:after{box-sizing:border-box}
.ops [hidden]{display:none!important}
.ops h1,.ops h2,.ops h3{font-family:'Manrope','DM Sans',sans-serif;color:var(--ops-ink);letter-spacing:-.02em;margin:0}
.ops p{color:inherit;margin:0 0 .8em}
.ops-eyebrow{font:700 13px/1 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--ops-teal);margin:0 0 14px}
.ops-products,.ops-config{max-width:1280px;margin:0 auto;padding:0 32px}

/* Intro / hero */
.ops-intro{position:relative;background:linear-gradient(180deg,#e9f3f8 0%,#f4f9fb 70%,#fff 100%);overflow:hidden}
.ops-intro:after{content:'';position:absolute;left:-5%;right:-5%;bottom:-1px;height:70px;background:#fff;border-radius:50% 50% 0 0/100% 100% 0 0;z-index:1}
.ops-intro-in{position:static;max-width:1280px;margin:0 auto;padding:44px 32px 96px;min-height:360px;display:flex;align-items:center}
.ops-intro-text{position:relative;z-index:2;max-width:1000px}
.ops-intro h1{font-size:clamp(34px,3.5vw,52px);line-height:1.08;font-weight:800;margin-bottom:14px}
.ops-lead{font-size:18px;color:var(--ops-soft);max-width:760px;margin:0 0 22px}
.ops-badges{list-style:none;display:flex;flex-wrap:wrap;gap:10px 12px;margin:0;padding:0}
.ops-badges li{display:inline-flex;align-items:center;gap:9px;background:#fffffff2;border:1px solid var(--ops-line);border-radius:999px;padding:9px 18px 9px 14px;font-weight:700;font-size:14.5px;color:var(--ops-ink);box-shadow:0 8px 20px #102e490f}
.ops-badges svg{color:var(--ops-teal);width:20px;height:20px}
.ops-intro-media{position:absolute;right:0;top:0;bottom:0;width:min(44vw,780px);z-index:0}
.ops-intro-media img{width:100%;height:100%;object-fit:cover;object-position:left center;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28%);mask-image:linear-gradient(90deg,transparent 0,#000 28%)}

/* Section headings */
.ops-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:26px 0 18px}
.ops-head .ops-h2{margin:0!important}
.ops-kicker{font:700 12px/1.3 'DM Sans',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#6d8594;margin:0 0 4px}
.ops-h2{position:relative;font-size:clamp(22px,2.2vw,28px)!important;font-weight:800;margin:44px 0 18px!important;padding-top:18px}
.ops-h2:before{content:'';position:absolute;left:0;top:0;width:40px;height:3px;border-radius:3px;background:var(--ops-teal)}

/* Product tiles */
.ops-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.ops button.ops-tile{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:flex;flex-direction:column;background:#fff;border:1.5px solid var(--ops-line);border-radius:18px;overflow:hidden;padding:0 0 18px;transition:border-color .15s,box-shadow .15s,transform .15s;min-height:100%;box-shadow:0 8px 22px #102e490a}
.ops button.ops-tile:hover{border-color:#9cc9d4;box-shadow:0 16px 32px #102e4917;transform:translateY(-2px)}
.ops button.ops-tile:focus-visible{outline:3px solid #7cc7d3;outline-offset:2px}
.ops button.ops-tile[aria-pressed=true]{border:2px solid var(--ops-teal);box-shadow:0 0 0 4px #007f911f,0 16px 32px #102e4917}
.ops button.ops-tile[aria-pressed=true]:after{content:'';position:absolute;top:12px;right:12px;width:26px;height:26px;border-radius:50%;background:var(--ops-teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12 4 4 8-8' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;box-shadow:0 0 0 3px #fff}
.ops-tile-img{display:block;aspect-ratio:488/256;background:#f4f7f9;overflow:hidden}
.ops-tile-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.ops-tile:hover .ops-tile-img img{transform:scale(1.04)}
.ops-tile-ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#0e3a57,#007f91);color:#fff;flex:none}
.ops-tile .ops-tile-ico{position:relative;z-index:1;margin:-24px 0 10px 16px;box-shadow:0 0 0 4px #fff,0 6px 14px #102e4926}
.ops-tile-t{font:800 16.5px/1.25 'Manrope',sans-serif;color:var(--ops-ink);padding:0 16px;margin-bottom:5px}
.ops-tile-b{font-size:13.5px;line-height:1.45;color:var(--ops-soft);padding:0 16px}

.ops-config{scroll-margin-top:110px}
.ops-loading{padding:40px;text-align:center;color:var(--ops-soft)}
.ops-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}
.ops-card{background:#fff;border:1px solid var(--ops-line);border-radius:20px;padding:24px;box-shadow:0 10px 30px #102e490a}
.ops-card-head{display:flex;gap:16px;align-items:center;margin-bottom:20px}
.ops-card-thumb{flex:none;width:112px;aspect-ratio:488/256;border-radius:12px;overflow:hidden;background:#f4f7f9;border:1px solid var(--ops-line)}
.ops-card-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.ops-card-head h3{font-size:20px;margin-bottom:4px}
.ops-card-head p{margin:0;color:var(--ops-soft);font-size:15px}
.ops-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.ops-field{display:flex;flex-direction:column;gap:6px;margin:0 0 4px}
.ops-field>span{font-weight:700;font-size:14px;color:var(--ops-ink)}
.ops-field small{font-weight:400;color:var(--ops-soft)}
.ops select,.ops input[type=text],.ops input[type=email],.ops input[type=tel],.ops input:not([type]),.ops textarea{width:100%;font:inherit;font-size:15.5px;color:var(--ops-ink);background:#fff;border:1.5px solid #cfdce3;border-radius:12px;padding:11px 14px;min-height:46px;box-shadow:none;margin:0}
.ops select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23007f91' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}
.ops select:focus,.ops input:focus,.ops textarea:focus{outline:none;border-color:var(--ops-teal);box-shadow:0 0 0 3px #007f9122}
.ops .is-fixed select{background:var(--ops-mist);border-color:transparent;opacity:1;color:var(--ops-ink);background-image:none}
.ops textarea{min-height:0;resize:vertical}

.ops-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:6px}
.ops-choice{display:flex;gap:12px;align-items:flex-start;border:1.5px solid var(--ops-line);border-radius:16px;padding:16px;cursor:pointer;transition:border-color .15s,background .15s}
.ops-choice:has(input:checked){border-color:var(--ops-teal);background:#f3fafb}
.ops-choice input{accent-color:var(--ops-teal);width:18px;height:18px;margin:3px 0 0;flex:none}
.ops-choice-b{display:flex;flex-direction:column;gap:4px}
.ops-choice-b strong{color:var(--ops-ink);font-size:15.5px}
.ops-choice-b small{color:var(--ops-soft);font-size:13.5px;line-height:1.45}
.ops-art{margin-top:14px}
.ops-tiers{display:grid;gap:10px;margin-bottom:12px}
.ops-tier .ops-choice-b strong{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px}
.ops-tier em{font-style:normal;color:var(--ops-teal);font-weight:800;white-space:nowrap}
.ops-page-note{margin:0 0 12px}
.ops-drop{display:flex;flex-direction:column;align-items:center;gap:4px;border:2px dashed #b9d3dc;border-radius:16px;padding:22px 16px;text-align:center;cursor:pointer;background:var(--ops-mist);transition:border-color .15s,background .15s;margin-top:10px}
.ops-drop.is-over,.ops-drop:hover{border-color:var(--ops-teal);background:#e6f3f5}
.ops-drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.ops-drop:focus-within{outline:3px solid #7cc7d3;outline-offset:2px}
.ops-drop-t{font-weight:700;color:var(--ops-ink)}
.ops-drop-s{font-size:13.5px;color:var(--ops-soft)}
.ops-drop-s u{color:var(--ops-teal)}
.ops-files{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.ops-files li{display:flex;align-items:center;gap:10px;justify-content:space-between;background:#fff;border:1px solid var(--ops-line);border-radius:12px;padding:8px 10px 8px 14px;font-size:14px}
.ops-files li>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ops-ink)}
.ops-files small{color:var(--ops-soft)}
.ops-files em{font-style:normal;font-size:13px;flex:none}
.ops-files button{all:unset;cursor:pointer;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:20px;color:var(--ops-soft);flex:none}
.ops-files button:hover{background:var(--ops-mist);color:var(--ops-ink)}
.ops-bar{display:inline-block;width:80px;height:6px;border-radius:9px;background:#e3edf1;overflow:hidden;vertical-align:middle}
.ops-bar i{display:block;height:100%;background:var(--ops-teal)}
.ops-ok{color:var(--ops-ok)}.ops .ops-err{color:var(--ops-err)}
.ops-small{font-size:13.5px;color:var(--ops-soft);margin:6px 0 0}
.ops-pc-note{align-self:end;margin-bottom:12px}
.ops-card>.ops-field{margin-top:14px}

.ops-summary{position:sticky;top:110px;margin-top:40px}
.ops-sum-in{background:var(--ops-navy);background:radial-gradient(600px 300px at 80% 0%,#15446a 0%,transparent 70%),linear-gradient(180deg,#0e2a44,#0a1f33);color:#c9dbe6;border-radius:22px;padding:26px;box-shadow:0 20px 44px #0a1f3330}
.ops-sum-in .ops-eyebrow{color:#7fd3df}
.ops-sum-in h3{color:#fff;font-size:22px;margin-bottom:12px}
.ops-spec{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0 0 18px;font-size:14px}
.ops-spec dt{color:#9fb8c8;margin:0}
.ops-spec dd{margin:0;color:#fff;font-weight:600;text-align:right}
.ops-lines{border-top:1px solid #ffffff1f;padding-top:14px;display:grid;gap:8px}
.ops-lines>div{display:flex;justify-content:space-between;gap:12px;font-size:15px}
.ops-lines b{color:#fff;font-weight:700;text-align:right}
.ops-lines .ops-gst{font-size:13.5px;color:#9fb8c8}
.ops-lines .ops-gst b{color:#c9dbe6;font-weight:500}
.ops-lines .ops-total{border-top:1px solid #ffffff1f;margin-top:6px;padding-top:12px;font-size:18px}
.ops-lines .ops-total span{color:#fff;font-weight:700}
.ops-lines .ops-total b{font:800 26px/1 'Manrope',sans-serif}
.ops-sum-in .ops-small{color:#9fb8c8}
.ops-msg{min-height:1.2em;font-size:14px;color:#ffd79a;margin:10px 0 0}
.ops-card .ops-msg,.ops-quote .ops-msg{color:var(--ops-err)}
.ops-btn{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin-top:14px;border-radius:14px;background:#12a3b4;background:linear-gradient(180deg,#14a9ba,#0a8a9b);color:#fff!important;font:800 16px/1 'Manrope',sans-serif;cursor:pointer;text-decoration:none!important;box-shadow:0 10px 22px #007f9140;transition:filter .15s,transform .15s}
.ops-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.ops-btn:focus-visible{outline:3px solid #7fd3df;outline-offset:2px}
.ops-btn[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.ops-quote .ops-btn{width:auto;padding:0 28px}
.ops-done p{color:#fff;margin:14px 0 0}
.ops-done-a{display:flex;flex-direction:column;align-items:center;gap:6px}
.ops-link{all:unset;cursor:pointer;color:#7fd3df!important;text-decoration:underline!important;font-size:14.5px;margin-top:8px;display:inline-block}
.ops-done .ops-link[data-again]{display:block;margin:10px auto 0;text-align:center}
.ops-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.ops-quote .ops-fields{margin-bottom:10px}

@media(max-width:1100px){.ops-tiles{grid-template-columns:repeat(3,1fr)}.ops-intro-in{flex-direction:column;align-items:stretch;min-height:0;padding-bottom:70px}.ops-intro-media{position:relative;right:auto;top:auto;bottom:auto;width:auto;margin:24px -32px 0;height:280px}.ops-intro-media img{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%);mask-image:linear-gradient(180deg,transparent 0,#000 18%);object-position:center}.ops-grid{grid-template-columns:minmax(0,1fr) 320px}}
@media(max-width:860px){.ops-grid{grid-template-columns:1fr}.ops-summary{position:static;margin-top:28px}}
@media(max-width:640px){
	.ops{padding:0 0 48px}
	.ops-products,.ops-config{padding:0 16px}
	.ops-intro-in{padding:32px 16px 70px;min-height:0;flex-direction:column;align-items:stretch}
	.ops-intro-media{margin:20px -16px 0;height:190px}
	.ops-lead{font-size:17px}
	.ops-kicker{display:none}
	.ops-card-thumb{width:84px}
	.ops-tiles{grid-template-columns:1fr 1fr;gap:10px}
	.ops button.ops-tile{padding:0 0 14px}.ops-tile-b{display:none}
	.ops-tile-t{font-size:15px;padding:0 12px}
	.ops-tile .ops-tile-ico{width:36px;height:36px;margin:-20px 0 8px 12px}
	.ops button.ops-tile[aria-pressed=true]:after{width:22px;height:22px;top:8px;right:8px}
	.ops-fields,.ops-choices{grid-template-columns:1fr}
	.ops-card{padding:18px;border-radius:18px}
	.ops-badges li{font-size:14px}
}