/* Soma Optic face finder 9.9.1: compact one-button interface, native accessible modal. */
.soma-face-finder{--soma-face-accent:#ff6b5a;direction:rtl;display:block;position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:1180px;margin-inline:auto;padding:clamp(26px,4vw,47px);border:1px solid #f0e8e0;border-radius:25px;background:radial-gradient(ellipse at 0 0,#ffede5 0%,transparent 40%),linear-gradient(122deg,#f7f3ec,#fff);color:#081a2e;text-align:center;font-family:inherit;line-height:1.8;box-sizing:border-box}
.soma-face-finder *,.soma-face-finder *:before,.soma-face-finder *:after{box-sizing:border-box}
.soma-face-finder [hidden]{display:none!important}
.soma-face-finder__heading{max-width:730px;margin:0 auto 22px;text-align:center}
.soma-face-finder__eyebrow{display:inline-block;color:var(--soma-face-accent);font-size:13px;font-weight:800;line-height:1.7}
.soma-face-finder .soma-face-finder__heading h2{margin:7px 0 10px;padding:0;color:#081a2e;font-family:inherit;font-size:clamp(25px,3.2vw,39px);line-height:1.4;font-weight:850;text-align:center}
.soma-face-finder .soma-face-finder__heading p{margin:0;color:#64717d;font-family:inherit;font-size:14px;line-height:2;text-align:center}
.soma-face-finder__calltoaction{display:flex;justify-content:center;align-items:center}
.soma-face-finder .soma-face-finder__start{display:inline-flex;align-items:center;justify-content:space-between;gap:19px;max-width:100%;min-height:56px;padding:8px 22px 8px 9px;border:0;border-radius:15px;background:var(--soma-face-accent);color:#fff;font-family:inherit;font-size:15px;font-weight:850;line-height:1.6;box-shadow:0 11px 27px rgba(255,107,90,.21);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.soma-face-finder .soma-face-finder__start:hover,.soma-face-finder .soma-face-finder__start:focus-visible{color:#fff;background:var(--soma-face-accent);transform:translateY(-2px);box-shadow:0 16px 30px rgba(255,107,90,.24)}
.soma-face-finder__start>span:last-child{display:grid;place-items:center;width:39px;height:39px;flex:0 0 39px;background:rgba(255,255,255,.22);border-radius:11px}
.soma-face-finder__start svg{display:block}
.soma-face-finder .soma-face-finder__status{margin:15px auto 0;max-width:830px;color:#32475a;font-size:14px;line-height:1.8;text-align:center}
.soma-face-finder__status:empty{display:none}
.soma-face-finder__results{min-width:0;max-width:100%;margin-top:0;text-align:right}
.soma-face-finder__results:empty{display:none}
.soma-face-finder__results:not(:empty){margin-top:28px;padding-top:19px;border-top:1px solid #e8e2dc}
.soma-face-finder__group{margin:22px 0 0}
.soma-face-finder .soma-face-finder__group h3{margin:0 0 16px;color:#081a2e;font-family:inherit;font-size:20px;font-weight:800;line-height:1.6;text-align:right}
.soma-face-finder__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.soma-face-finder .soma-face-finder__product{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0;padding:11px;border:1px solid #ede7e2;border-radius:14px;background:#fff;color:#081a2e;text-decoration:none;box-shadow:0 6px 20px rgba(8,26,46,.035);transition:transform .2s ease,border-color .2s ease}
.soma-face-finder .soma-face-finder__product:hover,.soma-face-finder .soma-face-finder__product:focus-visible{transform:translateY(-3px);border-color:var(--soma-face-accent)}
.soma-face-finder__product img{display:block;width:100%;aspect-ratio:1;height:auto;margin:0;object-fit:contain;background:#fafafa;border-radius:9px}
.soma-face-finder__product-name{font-size:13px;line-height:1.85;font-weight:800;overflow-wrap:anywhere}
.soma-face-finder__product-price{color:var(--soma-face-accent);font-size:13px;font-weight:750}
.soma-face-finder__product-price del{color:#969aa2}
.soma-face-finder .soma-face-finder__empty{margin:17px 0 0;padding:20px;border:1px dashed #e5d5cd;border-radius:14px;background:#fff;color:#5b6876;text-align:center}
/* Modal lives in the browser top-layer; explicitly reset theme default dialog styles. */
.soma-face-finder .soma-face-finder__dialog{position:fixed;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:min(94vw,680px);max-width:680px;max-height:min(90dvh,900px);height:fit-content;margin:0;padding:0;overflow-y:auto;overflow-x:hidden;border:1px solid #f1e9e4;border-radius:23px;background:#fff;color:#081a2e;box-shadow:0 32px 100px rgba(8,26,46,.24);text-align:right;direction:rtl;z-index:2147482000;font-family:inherit}
.soma-face-finder .soma-face-finder__dialog:not([open]){display:none}
.soma-face-finder .soma-face-finder__dialog::backdrop{background:rgba(8,26,46,.68);backdrop-filter:blur(5px)}
.soma-face-finder .soma-face-finder__dialog.is-fallback{position:fixed!important;z-index:2147483000}
.soma-face-finder__dialog-panel{padding:clamp(20px,3.5vw,32px)}
.soma-face-finder__dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}
.soma-face-finder .soma-face-finder__dialog-head h3{margin:2px 0 0;color:#081a2e;font-family:inherit;font-size:clamp(21px,2.7vw,27px);line-height:1.5;font-weight:850}
.soma-face-finder .soma-face-finder__close{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;padding:0;border:1px solid #ede8e4;border-radius:12px;background:#f7f3ec;color:#081a2e;font-family:inherit;font-size:30px;line-height:1;cursor:pointer}
.soma-face-finder .soma-face-finder__close:hover,.soma-face-finder .soma-face-finder__close:focus-visible{background:#fff0e9;color:#d35847}
.soma-face-finder__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:5px;margin-bottom:20px;background:#f7f3ec;border-radius:13px}
.soma-face-finder .soma-face-finder__tabs button{display:block;min-height:43px;width:100%;padding:8px 10px;margin:0;background:transparent;border:0;border-radius:10px;box-shadow:none;color:#62717d;font-family:inherit;font-size:14px;font-weight:750;cursor:pointer}
.soma-face-finder .soma-face-finder__tabs button[aria-selected=true]{background:#fff;box-shadow:0 3px 8px rgba(8,26,46,.08);color:#081a2e}
.soma-face-finder__tab-panel{min-width:0}
.soma-face-finder .soma-face-finder__dropzone{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:220px;padding:24px 16px;margin:0;border:2px dashed #f1bcb1;border-radius:17px;background:#fff9f6;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}
.soma-face-finder__dropzone:hover,.soma-face-finder__dropzone.is-dragging,.soma-face-finder__dropzone:focus-within{background:#fff3ec;border-color:var(--soma-face-accent);outline:none}
.soma-face-finder .soma-face-finder__file-input{position:absolute;width:1px;height:1px;opacity:0;clip-path:inset(50%);overflow:hidden;pointer-events:none}
.soma-face-finder__upload-icon{display:grid;place-items:center;width:55px;height:55px;color:var(--soma-face-accent);background:#fff;border-radius:16px;box-shadow:0 8px 16px rgba(255,107,90,.09)}
.soma-face-finder__drop-title{font-size:17px;font-weight:850;color:#081a2e}
.soma-face-finder__drop-subtitle,.soma-face-finder__drop-meta{color:#77828c;font-size:12px;line-height:1.8}
.soma-face-finder__drop-action{display:inline-flex;align-items:center;justify-content:center;min-height:35px;padding:4px 15px;margin-top:3px;border:1px solid #ffcbc0;border-radius:9px;background:#fff;color:#df5e4d;font-size:13px;font-weight:800}
.soma-face-finder__selected{display:flex;align-items:center;gap:12px;min-width:0;margin:13px 0 0;padding:10px;border-radius:12px;border:1px solid #ece8e5;background:#fff}
.soma-face-finder__selected img{width:60px;height:60px;flex:0 0 60px;object-fit:cover;border-radius:10px}
.soma-face-finder__selected span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.soma-face-finder .soma-face-finder__selected button{padding:6px 10px;background:#fff1ec;border:0;border-radius:8px;color:#c95845;font-family:inherit;font-size:12px;cursor:pointer}
.soma-face-finder [data-face-review]{margin-top:17px!important;text-align:center}
.soma-face-finder__face-preview{position:relative;width:min(100%,420px);margin:0 auto 14px;overflow:hidden;border:1px solid #eee3dc;border-radius:18px;background:#111;box-shadow:0 12px 30px rgba(8,26,46,.14)}
.soma-face-finder__face-preview img{display:block;width:100%;height:auto;max-height:480px;object-fit:contain;margin:0}
.soma-face-finder__face-preview canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.soma-face-finder__face-preview [data-face-review-badge]{position:absolute;right:12px;bottom:12px;padding:6px 13px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(8,26,46,.78);color:#fff;font-size:13px;font-weight:850;line-height:1.7;backdrop-filter:blur(7px)}
.soma-face-finder [data-face-review-text]{margin:0 auto 10px;max-width:510px;color:#32475a;font-size:13px;line-height:2;text-align:center}
.soma-face-finder [data-face-correct]{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin:10px auto 0!important;padding:8px 18px;border:1px solid #e8d8d0;border-radius:11px;background:#fff;color:#8b493d;font-family:inherit;font-size:13px;font-weight:750;cursor:pointer}
.soma-face-finder [data-face-correct]:hover,.soma-face-finder [data-face-correct]:focus-visible{border-color:var(--soma-face-accent);background:#fff7f3;color:#c54f3f}
.soma-face-finder .soma-face-finder__privacy,.soma-face-finder .soma-face-finder__disclaimer{margin:10px 0;color:#77828c;font-family:inherit;font-size:11px;line-height:1.9;text-align:right}
.soma-face-finder .soma-face-finder__manual-hint{margin:0 0 13px;font-size:14px;font-weight:750;color:#081a2e;text-align:right}
.soma-face-finder__shapes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.soma-face-finder .soma-face-finder__shape{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-width:0;gap:8px;min-height:115px;margin:0;padding:13px 8px;border:1px solid #e9e7e4;border-radius:13px;background:#fff;color:#081a2e;font-size:13px;font-weight:800;cursor:pointer}
.soma-face-finder__shape:hover,.soma-face-finder__shape:focus-within{border-color:var(--soma-face-accent);background:#fffaf7}
.soma-face-finder .soma-face-finder__shape:has(input:checked){background:#fff3ed;border-color:var(--soma-face-accent);box-shadow:inset 0 0 0 1px var(--soma-face-accent)}
.soma-face-finder__shape input{position:absolute;inset:0;opacity:0;cursor:pointer}
.soma-face-finder__shape-icon{display:grid;place-items:center;width:49px;height:52px}
.soma-face-finder__shape-icon svg{max-width:100%;height:auto;fill:#f9e5da;stroke:#bb8072;stroke-width:2}
.soma-face-finder .soma-face-finder__submit{display:flex;align-items:center;justify-content:center;min-height:48px;width:100%;margin-top:17px;padding:10px 16px;border:0;border-radius:12px;background:var(--soma-face-accent);color:#fff;font-family:inherit;font-size:14px;font-weight:800;box-shadow:0 7px 17px rgba(255,107,90,.17);cursor:pointer}
.soma-face-finder .soma-face-finder__submit:hover,.soma-face-finder .soma-face-finder__submit:focus-visible{color:#fff;background:#e75c4a}
.soma-face-finder .soma-face-finder__submit:disabled{cursor:wait;opacity:.55}
.soma-face-finder .soma-face-finder__dialog-status{margin:11px 0 0;color:#466477;line-height:1.9;font-size:13px;text-align:center}
.soma-face-finder .soma-face-finder__dialog-status:empty{display:none}
.soma-face-finder .soma-face-finder__dialog-status.is-error{color:#a23b2f}
.soma-face-finder .soma-face-finder__disclaimer{margin:13px 0 0;text-align:center}
@media(max-width:1024px){.soma-face-finder__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){
 .soma-face-finder{padding:26px 17px;border-radius:19px}
 .soma-face-finder__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .soma-face-finder .soma-face-finder__product{padding:10px}
 .soma-face-finder .soma-face-finder__dialog{width:calc(100vw - 22px);max-height:92dvh;border-radius:19px}
 .soma-face-finder__dialog-panel{padding:19px 16px}
 .soma-face-finder__shapes{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .soma-face-finder .soma-face-finder__shape{padding:10px 3px;min-height:104px;font-size:12px}
 .soma-face-finder .soma-face-finder__dropzone{min-height:190px;padding:15px}
}
@media(max-width:360px){.soma-face-finder__shapes{grid-template-columns:repeat(2,minmax(0,1fr))}.soma-face-finder__grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.soma-face-finder .soma-face-finder__product,.soma-face-finder .soma-face-finder__start{transition:none}}
/* 9.8.0: continue browsing with the native WooCommerce attribute filter and paging. */
.soma-face-finder__more-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:17px;padding:13px 18px;border:1px solid #f1e6dc;border-radius:16px;background:linear-gradient(90deg,#fff,#fff6f0)}
.soma-face-finder__more-wrap>span{font-size:13px;line-height:1.8;color:#5e6874}
.soma-face-finder .soma-face-finder__more{display:inline-flex;align-items:center;gap:12px;min-height:42px;max-width:100%;padding:8px 15px;border:1px solid var(--soma-face-accent);border-radius:11px;background:var(--soma-face-accent);color:#fff;font-family:inherit;font-size:13px;line-height:1.8;font-weight:800;text-decoration:none;transition:filter .16s ease,transform .16s ease}
.soma-face-finder .soma-face-finder__more:is(:hover,:focus-visible){background:var(--soma-face-accent);color:#fff;filter:brightness(.93);transform:translateY(-2px)}
.soma-face-finder__more span[aria-hidden]{font-size:19px;line-height:1}
@media(max-width:600px){.soma-face-finder__more-wrap{align-items:stretch}.soma-face-finder .soma-face-finder__more{justify-content:center;width:100%}}
@media(prefers-reduced-motion:reduce){.soma-face-finder .soma-face-finder__more{transition:none}}

/* 9.8.3 — explicit product audience and quiet centered continue link */
.soma-face-finder__audience{margin:0 0 20px;padding:15px;border:1px solid #eee4dc;border-radius:15px;background:#fffaf6;text-align:right;min-inline-size:0}
.soma-face-finder__audience legend{padding:0 6px;color:#081a2e;font-size:14px;font-weight:800;line-height:1.9}
.soma-face-finder__audience legend span{font-weight:500;color:#687685;font-size:12px}
.soma-face-finder__audience-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.soma-face-finder__audience-options label{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;min-width:0;margin:0;padding:8px 5px;border:1px solid #e8dfd8;border-radius:11px;background:#fff;font-size:13px;font-weight:700;color:#26364a;cursor:pointer;text-align:center}
.soma-face-finder__audience-options input{position:absolute;inset:0;opacity:0;cursor:pointer}
.soma-face-finder__audience-options label:has(input:checked){border-color:var(--soma-face-accent);background:#fff0ea;color:#b74332;box-shadow:inset 0 0 0 1px var(--soma-face-accent)}
.soma-face-finder__audience-options label:focus-within{outline:2px solid var(--soma-face-accent);outline-offset:2px}
.soma-face-finder__audience p{margin:9px 0 0!important;font-size:11px!important;color:#75808a!important;line-height:1.8!important;text-align:right!important}
.soma-face-finder__more-wrap{display:flex;align-items:center;justify-content:center;padding:6px 0;margin-top:24px;border:0;border-radius:0;background:none;box-shadow:none}
.soma-face-finder .soma-face-finder__more{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:39px;width:auto;min-width:0;max-width:100%;padding:7px 16px;border:1px solid #e7d7ce;border-radius:999px;background:#fff;color:#24374d;box-shadow:none;font-size:12px;font-weight:750;line-height:1.7;text-decoration:none;transition:background .16s ease,border-color .16s ease,color .16s ease}
.soma-face-finder .soma-face-finder__more:is(:hover,:focus-visible){background:#fff2ea;border-color:var(--soma-face-accent);color:#b74637;filter:none;transform:translateY(-1px)}
.soma-face-finder__more span[aria-hidden]{font-size:15px;line-height:1}
@media(max-width:600px){.soma-face-finder__more-wrap{justify-content:center}.soma-face-finder .soma-face-finder__more{width:auto;max-width:100%}}
@media(max-width:380px){.soma-face-finder__audience-options{grid-template-columns:1fr}.soma-face-finder__audience-options label{min-height:37px}}

/* 9.8.4: deliberate category choice before any photo is read. */
.soma-face-finder__kind{margin-top:-7px!important}
.soma-face-finder__kind-options{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}
.soma-face-finder__dialog .soma-face-finder__audience legend{font-size:14px}
.soma-face-finder__dialog .soma-face-finder__audience-options label{transition:background-color .15s,border-color .15s}
@media(max-width:380px){.soma-face-finder__kind-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.soma-face-finder__dialog .soma-face-finder__audience-options label{transition:none}}