.pdp{width:90%;max-width:1450px;margin:0 auto;padding:28px 0 60px}
.breadcrumbs{display:flex;align-items:center;gap:13px;font-size:.875rem;color:#7a8a95;margin:0 0 26px}.breadcrumbs a{color:#36566e;padding:4px 0}.breadcrumbs a:hover{text-decoration:underline;text-underline-offset:4px}
.pdp-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(32px,5vw,78px);align-items:start}
.pdp-gallery{--photo-bg:#e4edf2;position:sticky;top:24px;min-width:0}.pdp-gallery[data-color=camo]{--photo-bg:#f5e8e8}.pdp-gallery[data-color=void]{--photo-bg:#e9eaeb}
.gallery-stage{position:relative;isolation:isolate;overflow:hidden;background:var(--photo-bg);height:min(680px,calc(100dvh - 160px));min-height:400px;border-radius:12px;transition:background .3s ease;display:grid;place-items:center}
#zoom-product{position:absolute;top:16px;right:16px;z-index:3;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#ffffffd9;color:#263f50;backdrop-filter:blur(8px)}#zoom-product:hover{background:white}
.pdp-wordmark{position:absolute;top:17%;left:4%;right:4%;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:500;letter-spacing:-.085em;font-size:clamp(7rem,17vw,17rem);line-height:1;color:#ffffffa8;z-index:-1;pointer-events:none}
#product-photo{width:100%;height:100%;padding:20px;display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;cursor:zoom-in;touch-action:pan-y pinch-zoom;overflow:hidden}#product-photo:focus-visible{outline-offset:-5px;border-radius:12px}
#product-image{width:100%;height:92%;max-width:none;object-fit:contain;transform:rotate(10deg);filter:drop-shadow(-5px 12px 12px #263f5012);pointer-events:none}
.gallery-navigation{position:absolute;inset:50% 14px auto;display:flex;justify-content:space-between;pointer-events:none;transform:translateY(-50%)}.gallery-navigation button,.zoom-navigation button{pointer-events:auto;display:grid;place-items:center;width:42px;height:44px;border-radius:50%;background:#ffffffbf;color:#304956;font-family:Arial,sans-serif;font-size:1.7rem;font-weight:400;line-height:1}.gallery-navigation button:hover,.zoom-navigation button:hover{background:white}
#gallery-counter{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);background:#ffffffe0;border-radius:999px;padding:5px 11px;color:#425661;font-size:.8125rem;font-variant-numeric:tabular-nums;pointer-events:none}
.pdp-gallery[data-view=photo] .gallery-stage{background:#d0d0d0}.pdp-gallery[data-view=photo] .pdp-wordmark{display:none}.pdp-gallery[data-view=photo] #product-photo{padding:0}.pdp-gallery[data-view=photo] #product-image{height:100%;width:100%;transform:none;filter:none;object-fit:contain}
.gallery-thumbs{display:flex;gap:10px;padding:13px 2px 3px;overflow-x:auto;scrollbar-width:thin}.gallery-thumb{position:relative;flex:0 0 86px;height:90px;overflow:hidden;padding:3px;border:1px solid transparent;border-radius:8px;background:#f4f5f5;transition:border-color .2s,background .2s}.gallery-thumb img{height:100%;width:100%;object-fit:cover;border-radius:5px}.gallery-thumb:not([data-view=photo]){background:var(--photo-bg)}.gallery-thumb:not([data-view=photo]) img{object-fit:contain;padding:4px}.gallery-thumb[aria-pressed=true]{border-color:#35566b}.gallery-thumb:hover{border-color:#97a7b1}
.pdp-intro{font-size:1rem;line-height:1.65;color:#526674;max-width:540px;margin:0 0 28px}
.pdp-eyebrow{font-size:.9375rem;color:#6c7f8e;margin:3px 0 11px}.pdp-options h1{font-size:clamp(2.5rem,4vw,4rem);line-height:1.12;font-weight:500;letter-spacing:-.045em}.pdp-options h1>span{display:inline-block;margin-left:.07em;color:#456d8b}#product-color{font-size:1rem;color:#6b7b87;margin:12px 0 15px;line-height:1.55}
.pdp-options fieldset{border:0;padding:0;margin:0 0 26px;min-width:0}.pdp-options legend{font-size:.9375rem;font-weight:600;margin-bottom:12px;color:#344c5e}
#product-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pdp-color{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #dbe3e9;border-radius:13px;background:#f8fafb;min-height:65px;font-size:.9375rem;padding:6px}.pdp-color img{height:46px;width:35px;object-fit:contain;transform:rotate(15deg)}.pdp-color[aria-pressed=true]{background:#e9f3fb;color:#1f4c6a;border-color:#7194af;box-shadow:0 0 0 1px #7194af}.pdp-color:hover{background:#edf4f9}
.pack-options{display:grid;gap:10px}.pack-choice{position:relative;display:flex;align-items:center;gap:13px;min-height:83px;padding:17px 19px;border:1px solid #dce4e9;border-radius:15px;cursor:pointer;transition:background .2s,border-color .2s}.pack-choice:has(input:checked){border-color:#668ca7;background:#edf5fb;box-shadow:0 0 0 1px #668ca7}.pack-choice:focus-within{outline:2px solid #456f8e;outline-offset:4px}.pack-choice input{width:18px;height:18px;margin:0;accent-color:#315e7e;flex-shrink:0}.pack-choice>span{display:flex;flex:1;flex-direction:column;gap:3px}.pack-choice strong{font-size:1.0625rem;font-weight:600}.pack-choice small{font-size:.8125rem;line-height:1.5;color:#608098}.pack-choice>b{font-size:1.25rem;white-space:nowrap;letter-spacing:-.03em;font-weight:500}
.pdp-mix{padding:0!important}.mix-row{display:grid;grid-template-columns:40px 1fr minmax(110px,1fr);align-items:center;gap:13px;margin:9px 0;background:#f7f9fb;border-radius:12px;padding:10px 13px}.mix-row img{width:34px;height:42px;object-fit:contain;transform:rotate(16deg)}.mix-row label{font-size:.9375rem;color:#5b7283}.mix-row select{font:inherit;font-size:1rem;min-height:43px;min-width:0;width:100%;padding:9px 28px 9px 12px;border:1px solid #cfdce5;border-radius:9px;background:white;color:#203f54}.pdp-mix>p{font-size:.8125rem;color:#758792;line-height:1.6;margin-top:12px}
.pdp-size{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 0 23px;border-bottom:1px solid #dfe6eb;font-size:.9375rem;color:#6f808c}.pdp-size strong{font-size:.9375rem;font-weight:500;color:#38556b}
.pdp-total{padding:23px 0 21px}.pdp-total>span:first-child{font-size:.9375rem;color:#617888}.pdp-total>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 18px;margin-top:4px}#pack-total{font-size:2.25rem;font-weight:500;letter-spacing:-.045em}#pack-compare{font-size:.875rem;color:#778690}#pack-compare s{padding-left:4px}#pack-saving{display:block;color:#315e7d;font-size:.9375rem;font-weight:500;margin-top:6px}
.pdp-shipping{display:flex;align-items:center;gap:12px;min-height:57px;padding:15px 18px;background:#e6f2fb;border:1px solid #d4e5f1;border-radius:13px;color:#345e7d}.pdp-shipping>span{font-size:1.3rem}.pdp-shipping strong{font-size:1rem;font-weight:600}.pdp-shipping b{margin-left:auto;font-size:1.125rem;font-weight:500;white-space:nowrap}
#add-pack{width:100%;min-height:62px;font-size:1.0625rem;font-weight:600;margin:13px 0 0;border-radius:13px;background:#203f55}#add-pack:hover{background:#102e43}.pdp-auto{font-size:.8125rem;color:#738493;line-height:1.5;text-align:center;margin:13px 0 29px}#pack-error{font-size:.875rem;line-height:1.6;color:#ae3348;margin:12px 0}#pack-error:empty{display:none}
.pdp-details details{border-top:1px solid #dce4ea}.pdp-details details:last-child{border-bottom:1px solid #dce4ea}.pdp-details summary{display:flex;justify-content:space-between;align-items:center;gap:18px;list-style:none;cursor:pointer;font-size:1rem;padding:20px 0;line-height:1.5}.pdp-details summary::-webkit-details-marker{display:none}.pdp-details summary>span{font-size:1.25rem;color:#7791a3}.pdp-details details[open] summary>span{transform:rotate(45deg)}.pdp-details p{font-size:.9375rem;color:#677e8e;line-height:1.8;padding:0 14px 22px 0}
.pdp-back{display:inline-flex;align-items:center;min-height:48px;font-size:1rem;margin-top:32px;color:#45677f}.pdp-back:hover{text-decoration:underline;text-underline-offset:4px}
#image-dialog{width:1000px;max-width:calc(100vw - 30px);max-height:calc(100dvh - 30px);padding:48px 20px 14px;border-radius:20px;background:#f4f8fb;overflow:hidden}#zoom-image{width:100%;height:calc(100dvh - 156px);object-fit:contain;transform:none;touch-action:pan-y pinch-zoom}#image-dialog[data-view=cutout] #zoom-image{transform:rotate(15deg);padding:25px}#image-dialog .close{top:7px;right:9px;background:#ffffffed;border-radius:50%}.zoom-navigation{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:400px;margin:9px auto 0}.zoom-navigation button{flex-shrink:0}#zoom-caption{text-align:center;font-size:.875rem;color:#49677c}
.pdp-dock{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:20;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 15px;background:#ffffffed;backdrop-filter:blur(15px);border:1px solid #d4e0e8;border-radius:17px;box-shadow:0 7px 30px #25486520}.pdp-dock strong{display:block;font-size:1.25rem;font-weight:600;letter-spacing:-.03em}.pdp-dock>div>span{display:block;font-size:.8125rem;color:#5c7e97;margin-top:3px}.pdp-dock .button{min-height:48px;padding:12px 18px;border-radius:11px;font-size:1rem;gap:15px;background:#203f55}body:has(dialog[open]) .pdp-dock{display:none}
@media(max-width:1100px) and (min-width:851px){.pdp-grid{gap:32px;grid-template-columns:1fr 1fr}.gallery-stage{min-height:420px}.pack-choice{padding:15px 13px;gap:10px}.pack-choice>b{font-size:1.125rem}.pdp-color{font-size:.875rem;gap:3px}.pdp-color img{width:29px}}
@media(max-width:850px){.pdp{padding-top:20px}.pdp-grid{grid-template-columns:1fr;gap:30px}.pdp-gallery{position:relative;top:auto}.gallery-stage{min-height:0;height:auto;aspect-ratio:1/1.06;border-radius:10px}.pdp-wordmark{font-size:29vw;top:16%}.gallery-thumbs{gap:9px;padding-top:10px}.gallery-thumb{flex-basis:76px;height:80px}#product-image{height:92%;width:100%}#product-photo{padding:18px}.gallery-navigation{inset-inline:10px}.pdp-options{max-width:600px;width:100%;margin:auto}.pdp-options h1{font-size:2.8rem}.pdp-eyebrow{margin-top:0}.breadcrumbs{margin-bottom:20px}.pdp-options fieldset{margin-bottom:24px}.pdp-back{margin-top:20px}.product-page footer{padding-bottom:120px}.pdp-total{padding-top:22px}.pdp-options legend{font-size:1rem}}
@media(max-width:380px){.gallery-thumb{flex-basis:64px;height:70px}.gallery-thumbs{gap:8px}.gallery-navigation{inset-inline:8px}.gallery-navigation button{width:38px}#zoom-product{top:10px;right:10px}.pdp-intro{font-size:.9375rem}.pdp-options h1{font-size:2.4rem}.pdp-color{font-size:.875rem;gap:3px}.pdp-color img{width:28px}#product-colors{gap:7px}.pack-choice{padding:14px 12px;gap:10px}.pack-choice strong{font-size:1rem}.pack-choice>b{font-size:1.0625rem}.pack-choice small{font-size:.75rem}.pack-choice input{width:16px;height:16px}.mix-row{grid-template-columns:30px 1fr 106px;gap:8px;padding-inline:10px}.mix-row label{font-size:.875rem}.mix-row select{font-size:.9375rem;padding-left:8px}.pdp-size{font-size:.875rem}.pdp-size strong{font-size:.875rem}#pack-total{font-size:2rem}.pdp-shipping{padding-inline:12px;gap:8px}.pdp-shipping strong{font-size:.9375rem}#add-pack{font-size:1rem;padding-inline:17px}.pdp-dock{left:8px;right:8px;padding:11px 12px;gap:10px}.pdp-dock .button{padding-inline:14px;gap:12px}.pdp-dock strong{font-size:1.125rem}}

.pdp-gallery[data-view=back] #product-image{transform:none;padding:14px}