/* Hakmar AI stays inside the product search site. */
#hakmar-ai>.ai-header{position:sticky;top:0;z-index:2}
#ai-results{scroll-margin-top:95px}
.ai-product-price{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;margin-top:12px;padding-top:11px;border-top:1px solid #e2eae2;color:#6b7d6f;font-size:12px}
.ai-price-value{text-align:right;margin-left:auto;overflow-wrap:anywhere}.ai-price-value strong{color:#a45219;font-size:16px;font-weight:650;font-variant-numeric:tabular-nums}.ai-price-unit,.ai-price-missing{font-size:12px;color:#6b7d6f}
.ai-search-tools{display:flex;justify-content:center;margin-top:13px}
.ai-entry,.ai-card-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:1px solid #dfdfb9;border-radius:10px;background:linear-gradient(115deg,#f1f8ea,#fff7e6);color:#386337;padding:9px 13px;font-size:13px;font-weight:650;cursor:pointer}
.ai-entry svg,.ai-card-action svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ai-entry:hover,.ai-card-action:hover{border-color:#9db67c;background:#f0f6e4}
.ai-entry{width:100%;min-height:68px;gap:12px;font-size:14px;padding:7px 12px}
.ai-entry-label{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.ai-entry-mark,.ai-action-mark{position:relative;display:block;flex:0 0 52px;width:52px;height:52px;overflow:visible;border:1px solid #e0e8da;border-radius:11px;background:#fff}
.ai-logo-clip{display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit}
.ai-brand-logo{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.3)}
.ai-entry-mark .ai-version,.ai-heading-mark .ai-version,.ai-action-mark .ai-version{position:absolute;right:-5px;bottom:-4px;z-index:1;margin:0;padding:0 4px;border:1px solid #0e6a2e;border-radius:999px;background:#157c36;color:#fff;font-size:9px;font-weight:800;line-height:14px;letter-spacing:.02em;pointer-events:none;box-shadow:0 1px 2px #14301f33}
.ai-entry-mark .ai-version:empty,.ai-heading-mark .ai-version:empty,.ai-action-mark .ai-version:empty,.ai-version:empty{display:none}
.ai-version{display:inline-block;margin-left:6px;padding:1px 7px;border:1px solid #b7e0c2;border-radius:999px;background:#e8f6ec;color:#157c36;font-size:11px;font-weight:700;letter-spacing:.04em;vertical-align:middle}
.ai-action-mark{flex-basis:32px;width:32px;height:32px;border-radius:7px}.ai-action-mark .ai-version{right:-4px;bottom:-3px;font-size:8px;line-height:12px;padding:0 3px}
.ai-entry-remaining{flex-shrink:0;white-space:nowrap;padding:4px 8px;border:1px solid #d7e5ca;border-radius:7px;background:#ffffffc9;color:#50743a;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}
.ai-limit-reached .ai-entry-remaining{background:#fff5e6;border-color:#e7d9bb;color:#926022}
.ai-card-action{width:100%;margin-top:12px;font-size:14px;min-height:58px;background:linear-gradient(115deg,#f1f8ea,#fff7e6);padding:9px 12px;gap:10px}
.ai-empty-action{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;width:100%}
body.ai-open{overflow:hidden}
#hakmar-ai{width:min(94vw,760px);max-height:92dvh;padding:0;border:1px solid #dbe5dc;border-radius:20px;overflow:auto;overscroll-behavior:contain;background:#fff;color:#243c2b}
#hakmar-ai::backdrop{background:#14291cb8;backdrop-filter:blur(3px)}
.ai-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid #e5ece6;background:linear-gradient(115deg,#f3f9ee,#fffbef)}
.ai-heading{display:flex;align-items:center;gap:12px;min-width:0}.ai-heading-mark{position:relative;display:block;flex:0 0 64px;width:64px;height:64px;overflow:visible;border:1px solid #d9e5cb;border-radius:14px;background:#fff}
.ai-heading h2{font-size:20px;letter-spacing:-.4px;margin:0}.ai-heading p{font-size:12px;margin:2px 0 0;color:#657b62}
#ai-close,.ai-photo-remove,#ai-image-close{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;padding:0;border:1px solid #dce6dd;border-radius:10px;background:#fff;color:#536b58;font-size:21px}
.ai-body{padding:20px 22px 24px}
.ai-photos{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ai-photo-slot{min-width:0;border:1px solid #dce6de;border-radius:13px;overflow:hidden;background:#fbfdfb;padding:12px}
.ai-photo-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:13px;font-weight:650;color:#37573e;margin-bottom:10px}.ai-photo-title small{font-size:10px;font-weight:500;color:#69806e;background:#eff4ed;border-radius:5px;padding:2px 5px}
.ai-photo-frame{height:108px;display:grid;place-items:center;background:#fff;border:1px dashed #cfddcf;border-radius:9px;overflow:hidden;position:relative}
.ai-photo-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#94a78f;font-size:11px;text-align:center;padding:8px}.ai-photo-empty svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.4}
.ai-photo-preview{display:block;width:100%;height:108px;object-fit:contain}
.ai-photo-remove{position:absolute;right:5px;top:5px;width:29px;height:29px;font-size:18px;background:#fffffff2}
.ai-photo-tools{display:flex;gap:6px;margin-top:9px}.ai-photo-tools button{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:1;min-width:0;min-height:38px;padding:7px 5px;background:#eef5ed;color:#466949;border:1px solid #dde7d8;border-radius:8px;font-size:12px}.ai-photo-tools button:last-child{background:#fff7e9;border-color:#efe1c7;color:#896027}.ai-photo-tools svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ai-photo-hint{font-size:12px!important;color:#748371!important;margin:10px 0 17px!important;line-height:1.5}
#ai-query-label{font-size:12px;color:#5f7163;font-weight:550;margin:0 0 7px}#ai-query-label span{font-weight:400;color:#7b887d}
#ai-query{display:block;width:100%;min-height:64px;resize:vertical;max-height:140px;padding:11px 12px;border:1px solid #d3ded5;border-radius:10px;background:#fff;color:#26422c;line-height:1.5;font:inherit;font-size:16px}
.ai-submit-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;flex-wrap:wrap}.ai-submit-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.ai-passive-switch{min-height:44px;padding:7px 10px 7px 11px;border-radius:12px;background:linear-gradient(135deg,#f6f8f4,#eef2ee);box-shadow:0 1px 0 #fff inset}.ai-passive-switch.is-on{background:linear-gradient(135deg,#3a2a12,#8a5a12);color:#ffe7a8;border-color:#d4a017;box-shadow:0 0 0 1px #f0c14b55,0 8px 18px #c9891433}.ai-passive-switch.is-on .passive-switch-copy small{color:#ffe7a8}.ai-passive-switch.is-on .passive-switch-track{background:#f0c14b}.ai-usage{font-size:12px;color:#6a7c6d;line-height:1.5}.ai-usage strong{color:#26713f;font-weight:650}.ai-usage.ai-exhausted{color:#915b23}
#ai-submit,#ai-cancel,.ai-retry{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:44px;border:0;border-radius:10px;background:#157c36;color:#fff;padding:11px 21px;font-size:14px;font-weight:650}#ai-submit svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#ai-cancel{color:#6b5a43;background:#fff5e6;border:1px solid #ecd8b6}
#hakmar-ai button:disabled{opacity:.45;cursor:default}#hakmar-ai button:focus-visible,#hakmar-ai textarea:focus-visible,#hakmar-ai a:focus-visible,#hakmar-ai summary:focus-visible{outline:3px solid #dca33a;outline-offset:3px}
#ai-status{font-size:13px;margin:12px 0 0;color:#8c602c;line-height:1.55}#ai-status:empty{display:none}
#ai-results:empty{display:none}#ai-results{margin-top:22px;padding-top:20px;border-top:1px solid #e3ebe2;overflow-wrap:anywhere}
.ai-result-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.ai-result-heading h3{font-size:14px;font-weight:650;margin:0}.ai-new{border:0;background:none;color:#6a7f6d;font-size:12px;padding:6px;text-decoration:underline;text-underline-offset:3px;min-height:36px}
.ai-answer{font-size:14px;line-height:1.75;color:#3a523e;white-space:pre-wrap}.ai-answer:empty{display:none}.ai-answer a{font-size:11px;color:#247a3e;text-decoration:none}
.ai-result-notice{font-size:12px!important;color:#8c622b!important;background:#fff7e9;border:1px solid #efdfc2;border-radius:9px;padding:10px 12px;margin:12px 0}
.ai-section-title{font-size:12px;font-weight:650;color:#667d6b;margin:18px 0 9px}
.ai-candidates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px}.ai-candidate{min-width:0;padding:13px;border:1px solid #dbe6dc;border-radius:12px;background:#fbfdfb}.ai-candidate-top{display:flex;gap:12px;align-items:center;margin-bottom:12px;min-width:0}.ai-candidate-photo{flex:0 0 83px;width:83px;height:102px;background:#fff;border:1px solid #e3ece5;border-radius:10px;padding:5px;cursor:zoom-in}.ai-candidate-photo img{width:100%;height:100%;object-fit:contain}.ai-candidate-info{min-width:0}.ai-candidate-info h4{font-size:13px;line-height:1.5;margin:0 0 8px;font-weight:650;color:#294a33}.ai-evidence{display:flex;gap:5px;flex-wrap:wrap}.ai-evidence span{font-size:10px;line-height:1.5;background:#edf5eb;color:#57744c;border-radius:5px;padding:3px 5px}.ai-evidence .ai-mismatch{background:#fff0de;color:#946123}
.ai-product-code{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:#ebf5ec;border:1px solid #d5e5d7;border-radius:8px}.ai-product-code span{font-size:10px;font-weight:650;color:#587862}.ai-copy-code{border:0;padding:0;background:none;color:#176a36;font-size:24px;letter-spacing:.3px;font-weight:800;user-select:all}.ai-candidate details{margin-top:11px}.ai-candidate summary{font-size:11px;color:#5d7761;min-height:32px;cursor:pointer}.ai-barcodes{display:flex;flex-wrap:wrap;gap:5px;max-height:145px;overflow:auto}.ai-barcode{padding:6px;background:#fff;border:1px solid #dfe6e0;border-radius:6px;color:#45654b;font-size:11px;user-select:all}
.ai-catalog-source{display:inline-block;font-size:11px;color:#267444;margin-top:10px;text-underline-offset:3px}.ai-rival{display:flex;flex-direction:column;gap:4px;padding:11px 13px;margin:8px 0;border:1px solid #e3e8e3;border-radius:10px;background:#f5f8f5;font-size:12px}.ai-rival span,.ai-rival small{font-size:11px;color:#6d7d70}
.ai-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.ai-gallery-item{min-width:0;border:1px solid #e2e8e1;border-radius:10px;background:white;overflow:hidden}.ai-gallery-photo{display:block;width:100%;height:128px;border:0;padding:8px;background:#fff;cursor:zoom-in}.ai-gallery-photo img{width:100%;height:100%;object-fit:contain}.ai-gallery-caption{padding:8px 9px;border-top:1px solid #edf0eb}.ai-gallery-caption p{font-size:11px!important;margin:0 0 5px!important;color:#5b705c!important;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.ai-gallery-caption a{font-size:10px;color:#287341}.ai-sources{display:flex;flex-wrap:wrap;gap:6px}.ai-source{max-width:100%;font-size:11px;color:#56765c;background:#f4f8f1;border:1px solid #e0e8da;border-radius:7px;padding:6px 8px;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-search-widget{width:100%;height:110px;border:0;margin-top:10px;border-radius:8px}
.ai-progress{display:flex;align-items:center;gap:10px;color:#59765d;font-size:13px;padding:8px 0}.ai-spinner{width:16px;height:16px;flex-shrink:0;border:2px solid #d5e5d4;border-top-color:#3e8852;border-radius:50%;animation:ai-spin 1s linear infinite}@keyframes ai-spin{to{transform:rotate(360deg)}}
.ai-retry{margin-top:12px;min-height:40px;font-size:12px;padding:9px 13px}.ai-error-copy{margin:0!important;font-size:13px!important;color:#85602e!important}
#ai-image-viewer{width:min(92vw,850px);max-height:92dvh;padding:18px}.ai-image-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.ai-image-heading h2{font-size:16px;margin:0}#ai-large-image{width:100%;height:min(68dvh,650px);display:block;object-fit:contain}#ai-image-error{font-size:12px;color:#855d2b;margin:8px 0 0}
@media(max-width:600px){#hakmar-ai{width:100%;max-width:100%;max-height:94dvh;margin:auto 0 0;border-radius:20px 20px 0 0;border-bottom:0}.ai-header{padding:16px}.ai-body{padding:17px 16px calc(20px + env(safe-area-inset-bottom,0px))}.ai-photos{gap:9px}.ai-photo-slot{padding:10px}.ai-photo-title{font-size:12px;gap:4px;min-height:35px;align-content:center}.ai-photo-frame,.ai-photo-preview{height:100px}.ai-photo-tools{gap:4px}.ai-photo-tools button{font-size:11px;padding:7px 3px;gap:3px}.ai-photo-tools svg{width:16px;height:16px}.ai-heading h2{font-size:18px}.ai-candidates{grid-template-columns:1fr}.ai-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-candidate-photo{flex-basis:94px;width:94px;height:112px}.ai-candidate-info h4{font-size:14px}.ai-evidence span{font-size:11px}.ai-photo-hint{font-size:11px!important}.ai-submit-row{gap:8px}.ai-submit-actions{width:100%;justify-content:flex-end}#ai-submit,#ai-cancel{padding:11px 17px}.ai-usage{font-size:11px}}
@media(max-width:350px){.ai-body{padding-left:12px;padding-right:12px}.ai-photo-slot{padding:8px}.ai-photos{gap:7px}.ai-photo-tools button{font-size:10px}.ai-photo-tools svg{width:14px;height:14px}.ai-candidate-photo{flex-basis:76px;width:76px}.ai-product-code{padding:8px}.ai-copy-code{font-size:23px}}
@media(prefers-reduced-motion:reduce){.ai-spinner{animation:none}}
@media(max-width:600px){.ai-heading-mark{flex-basis:56px;width:56px;height:56px}.ai-heading{gap:10px}}
@media(max-width:350px){.ai-entry{padding:7px 10px 7px 8px;gap:6px;font-size:13px;min-height:60px}.ai-entry-label{gap:8px}.ai-entry-mark{flex-basis:42px;width:42px;height:42px}.ai-entry-mark .ai-version{right:-3px;bottom:-3px;font-size:8px;line-height:12px;padding:0 3px}.ai-entry-remaining{font-size:10px;padding:4px 6px}}
.ai-entry{border-color:#d5e4d8;border-radius:12px;background:#f7fbf8;box-shadow:none}
.ai-entry:hover{border-color:#b7d0be;background:#f0f7f2}