.angles-launch{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #cbd2c3;background:#fbfaf6;color:#233f37;padding:12px 18px;font-size:12px;min-height:44px;letter-spacing:.2px}.angles-launch:hover{background:#e9eee4}.angles-card{position:absolute;left:12px;bottom:60px;border-radius:25px;padding:9px 13px;background:#fbfaf6ed;font-size:10px;min-height:36px;box-shadow:0 2px 10px #233f3710}.gallery-angles-launch{width:100%;margin:12px 0 0}.angles-open{overflow:hidden}#angles-dialog{position:fixed;inset:0;width:min(1200px,96vw);height:min(850px,94dvh);max-width:96vw;max-height:94dvh;padding:0;border:1px solid #e1e4db;border-radius:16px;background:#fbfaf6;color:#233f37;overflow:auto;box-shadow:0 24px 100px #0b241c40}#angles-dialog::backdrop{background:#122d25b8;backdrop-filter:blur(5px)}#angles-dialog .angles-header{height:auto;min-height:97px;padding:20px 28px;position:sticky;top:0;z-index:3;background:#fbfaf6;border-bottom:1px solid #dce2d5;display:flex;gap:16px;align-items:center;justify-content:space-between}.angles-header .eyebrow{margin:0 0 8px;font-size:9px}.angles-header h2{font-size:30px;letter-spacing:-.6px;margin:0}.angles-header h2 span{font:12px Arial,sans-serif;letter-spacing:0;color:#788174}.angles-close{width:42px;height:42px;flex-shrink:0;border:1px solid #d8dfd0;background:none;border-radius:50%}.angles-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:0}.angles-display{min-width:0;background:#f0f0e9;padding:20px 24px 10px}.angles-stage{position:relative;height:clamp(280px,59dvh,590px);overflow:hidden;cursor:grab;touch-action:pan-y;border-radius:6px;background:#f0f0e9;outline-offset:-3px}.angles-stage:active{cursor:grabbing}.angles-stage.is-zoomed{touch-action:none;cursor:move}.angles-image{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;user-select:none;-webkit-user-drag:none;pointer-events:none;transform-origin:center}.angles-loading{position:absolute;inset:auto 20px 15px;text-align:center;background:#fbfaf6db;padding:9px;border-radius:30px;font-size:11px;display:none}.is-loading .angles-loading{display:block}.is-loading .angles-image{opacity:.5}.angles-error{position:absolute;inset:40% 12%;text-align:center;background:#fbfaf6;padding:20px;border:1px solid #dce2d5;font-size:12px}.angles-error[hidden]{display:none}.angles-error button{display:block;padding:10px;margin:8px auto 0;background:#233f37;color:white}.angles-toolbar{display:flex;align-items:center;gap:10px;padding:12px 0 0;direction:ltr}.angles-toolbar>button,.angles-zoom button{min-width:38px;height:38px;border:1px solid #d4dccd;background:#fbfaf6;border-radius:50%}.angles-caption{flex:1;text-align:center;font-size:11px;margin:0;color:#52634a}.angles-zoom{display:flex;align-items:center;gap:4px;margin-left:12px}.angles-zoom [data-angle-reset]{min-width:45px;border:0;background:transparent;font-size:11px}.angles-options{padding:24px 22px;min-width:0}.angles-original{font-size:9px;letter-spacing:1.3px;color:#7b865f;margin:0 0 12px}.angles-help{font-size:12px;line-height:1.8;min-height:44px;margin-bottom:24px}.angles-variants{display:grid;grid-template-columns:50px 1fr;align-items:center;gap:18px 12px;border-block:1px solid #dce2d5;padding:20px 0;margin-bottom:20px}.angles-variants>span{font-size:11px;color:#6c7b61}.angles-variants .swatch{width:24px;height:24px;border-width:3px}.angles-variants .swatches{gap:12px;padding:3px}.angles-sizes{display:flex;gap:8px}.angles-sizes button{padding:9px 14px;border:1px solid #d3dcc9;background:transparent;font-size:12px;min-height:40px}.angles-sizes button[aria-pressed=true]{background:#233f37;color:#fff;border-color:#233f37}.angles-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.angles-thumbs button{background:#f0f0e9;padding:4px;border:1px solid transparent;min-width:0}.angles-thumbs button[aria-pressed=true]{border-color:#233f37;background:#e5eadd}.angles-thumbs img{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}.angles-thumbs span{font-size:9px;line-height:1.4;display:block;padding:6px 1px;overflow-wrap:anywhere}.angles-product-link{display:block;font-size:11px;text-decoration:underline;text-underline-offset:4px;margin-top:25px}#angles-dialog button:focus-visible,.angles-stage:focus-visible{outline:2px solid #9a643e;outline-offset:2px}[dir=rtl] .angles-header h2{font-family:Tahoma,Arial,sans-serif;font-size:24px;letter-spacing:0}[dir=rtl] .angles-card{left:auto;right:12px}@media(max-width:700px){#angles-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.angles-layout{grid-template-columns:1fr}#angles-dialog .angles-header{padding:16px 20px;min-height:85px}.angles-header h2{font-size:26px}.angles-display{padding:8px 14px 14px}.angles-stage{height:47dvh;min-height:240px}.angles-options{padding:20px}.angles-toolbar{gap:6px}.angles-toolbar>button,.angles-zoom button{min-width:34px;height:34px}.angles-zoom{gap:1px;margin-left:4px}.angles-caption{font-size:10px}.angles-help{min-height:0;margin-bottom:16px}.angles-variants{margin-bottom:16px;padding:16px 0}.angles-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}.angles-card{bottom:58px;font-size:9px;padding:8px 10px}.angles-product-link{margin-top:20px}}@media(prefers-reduced-motion:reduce){#angles-dialog *{scroll-behavior:auto;transition:none}}