/*! app/public/wp-content/plugins/oc-custom-pages/assets/css/brand-page.css sha1:9e1d415bdbf1ec9b | generated by dev-scripts/build-assets, edit the source */
.ocr-bp *,.ocr-bp ::after,.ocr-bp ::before{box-sizing:border-box;margin:0;padding:0}.ocr-bp{--green:#1c8e4d;--green-d:#166534;--green-ring:rgba(28,142,77,.15);--ink:#0f172a;--ink2:#1e293b;--muted:#64748b;--border:#e2e8f0;--bg:#f8fafc;--white:#ffffff;--r-sm:0.5rem;--r-md:0.75rem;--r-lg:1rem;--r-xl:1.25rem;--shadow-sm:0 1px 3px rgba(0,0,0,.08);--shadow-md:0 4px 16px rgba(0,0,0,.08);--shadow-hover:0 20px 40px rgba(0,0,0,.12);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:15px;color:var(--ink2);background:var(--white);-webkit-font-smoothing:antialiased}.ocr-bp .bp-bc{background:var(--bg);border-bottom:1px solid var(--border);padding:12px 48px}.ocr-bp .bp-bc ol{display:flex;align-items:center;gap:6px;list-style:none;flex-wrap:wrap}.ocr-bp .bp-bc li{font-size:.75rem;color:var(--muted);display:flex;align-items:center;gap:6px}.ocr-bp .bp-bc li:not(:last-child)::after{content:'/';color:var(--border)}.ocr-bp .bp-bc a{color:var(--muted);text-decoration:none}.ocr-bp .bp-bc a:hover{color:var(--green)}.ocr-bp .bp-bc li[aria-current]{color:var(--ink2);font-weight:600}.ocr-bp .bp-hero{padding:64px 48px 56px;border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr auto;gap:32px;align-items:start;max-width:960px;margin:0 auto}.ocr-bp .bp-hero-left{display:flex;flex-direction:column;gap:20px}.ocr-bp .bp-hero-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ocr-bp .bp-logo{height:32px;width:auto;max-width:120px;object-fit:contain}.ocr-bp .bp-badge{font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:var(--r-sm)}.ocr-bp .bp-badge-pct{background:#dcfce7;color:var(--green-d)}.ocr-bp .bp-badge-high{background:#dcfce7;color:#14532d}.ocr-bp .bp-badge-aff{background:#f0fdf4;color:var(--green)}.ocr-bp .bp-hero h1{font-size:2.4rem;font-weight:900;letter-spacing:-.04em;line-height:1.08;color:var(--ink)}.ocr-bp .bp-hero-sub{font-size:.9rem;color:var(--muted);line-height:1.6}.ocr-bp .bp-code-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ocr-bp .bp-code-box{font-family:ui-monospace,'Cascadia Code',monospace;font-size:1rem;font-weight:700;letter-spacing:.08em;background:var(--bg);border:2px dashed var(--green);border-radius:var(--r-md);padding:10px 20px;color:var(--green);flex-shrink:0}.ocr-bp .bp-copy-btn{background:var(--green);color:#fff;border:none;border-radius:var(--r-md);padding:10px 20px;min-height:44px;font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s,transform .15s}.ocr-bp .bp-copy-btn:hover{background:var(--green-d);transform:translateY(-1px)}.ocr-bp .bp-copy-btn:focus-visible{outline:2px solid var(--green);outline-offset:2px}.ocr-bp .bp-aff-link,.ocr-bp .bp-shop-link{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--green);background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--r-md);padding:10px 18px;min-height:44px;text-decoration:none;transition:all .15s;cursor:pointer}.ocr-bp .bp-aff-link:hover,.ocr-bp .bp-shop-link:hover{background:#dcfce7;border-color:var(--green)}.ocr-bp .bp-region-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ocr-bp .bp-region-btn{font-size:.78rem;font-weight:600;padding:8px 14px;min-height:44px;border-radius:var(--r-sm);border:1px solid var(--border);color:var(--ink2);text-decoration:none;background:var(--white);transition:all .15s;cursor:pointer;display:inline-flex;align-items:center}.ocr-bp .bp-region-btn:hover{border-color:var(--green);color:var(--green);background:#f0fdf4}.ocr-bp .bp-region-btn.is-primary{background:#f0fdf4;border-color:var(--green);color:var(--green);font-size:.83rem;padding:10px 20px;order:-1}.ocr-bp .bp-region-btn.is-secondary{font-size:.7rem;padding:5px 10px;min-height:34px;opacity:.5}.ocr-bp .bp-region-match{display:none}.ocr-bp .bp-region-match.is-visible{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:10px;padding:12px 16px;background:#f0fdf4;border:1.5px solid var(--green);border-radius:var(--r-sm)}.ocr-bp .bp-region-match-text{font-size:.875rem;font-weight:600;color:var(--green)}.ocr-bp .bp-region-match a{display:inline-flex;align-items:center;gap:5px;background:var(--green);color:#fff;padding:8px 18px;border-radius:var(--r-sm);font-size:.8rem;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .15s}.ocr-bp .bp-region-match a:hover{background:var(--green-d)}.ocr-bp .bp-region-suggest{display:none}.ocr-bp .bp-region-suggest.is-visible{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px;margin-top:10px;padding:9px 13px;font-size:.8rem;color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm)}.ocr-bp .bp-region-suggest-links a{color:var(--green);font-weight:600;text-decoration:none}.ocr-bp .bp-region-suggest-links a:hover{text-decoration:underline}.ocr-bp .bp-hero-img{width:200px;height:200px;border-radius:var(--r-xl);overflow:hidden;flex-shrink:0;background:var(--bg);display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.ocr-bp .bp-hero-img img{max-width:100%;max-height:100%;object-fit:contain;padding:12px}.ocr-bp .bp-hero-img img{width:176px;height:176px}.ocr-bp .bp-content{padding:56px 48px;max-width:960px;margin:0 auto;border-bottom:1px solid var(--border)}.ocr-bp .bp-content-inner{max-width:65ch}.ocr-bp .bp-content p{font-size:.97rem;line-height:1.75;color:var(--ink2);margin-bottom:1.2em}.ocr-bp .bp-content p:last-child{margin-bottom:0}.ocr-bp .bp-section{padding:48px 48px;border-bottom:1px solid var(--border);max-width:960px;margin:0 auto}.ocr-bp .bp-section-label{font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--green);display:flex;align-items:center;gap:8px;margin-bottom:8px}.ocr-bp .bp-section-label::before{content:'';width:16px;height:2px;background:var(--green)}.ocr-bp .bp-section h2{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:var(--ink);margin-bottom:28px}.ocr-bp .bp-dist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ocr-bp .bp-dist-grid .bp-dist-card:first-child{grid-column:span 2}.ocr-bp .bp-dist-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s}.ocr-bp .bp-dist-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#cbd5e0}.ocr-bp .bp-dist-name{font-weight:700;font-size:.9rem;color:var(--ink)}.ocr-bp .bp-dist-code{display:inline-flex;align-items:center;gap:6px;font-family:ui-monospace,monospace;font-size:.75rem;font-weight:700;background:#f0fdf4;color:var(--green);border:1px solid #bbf7d0;border-radius:var(--r-sm);padding:3px 10px;letter-spacing:.05em;width:fit-content}.ocr-bp .bp-dist-cta{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;font-weight:600;color:var(--green);text-decoration:none;margin-top:auto;min-height:44px;align-items:center}.ocr-bp .bp-dist-cta:hover{color:var(--green-d)}.ocr-bp .bp-products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ocr-bp .bp-deal-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s ease-out,box-shadow .2s ease-out;text-decoration:none;color:inherit;display:flex;flex-direction:column}.ocr-bp .bp-deal-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-hover)}.ocr-bp .bp-deal-img{height:140px;display:flex;align-items:center;justify-content:center;background:var(--bg);position:relative;overflow:hidden}.ocr-bp .bp-deal-img img{max-width:100%;max-height:100%;object-fit:contain;padding:12px}.ocr-bp .bp-deal-img .ocr-bgimg{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;padding:0;object-fit:contain;object-position:center}.ocr-bp .bp-deal-pct{position:absolute;top:10px;left:10px;background:var(--green);color:#fff;font-size:.65rem;font-weight:800;padding:3px 8px;border-radius:var(--r-sm)}.ocr-bp .bp-deal-body{padding:14px;flex:1;display:flex;flex-direction:column;gap:6px}.ocr-bp .bp-deal-name{font-size:.82rem;font-weight:700;color:var(--ink);line-height:1.4}.ocr-bp .bp-deal-prices{display:flex;align-items:center;gap:8px}.ocr-bp .bp-deal-was{font-size:.75rem;color:var(--muted);text-decoration:line-through}.ocr-bp .bp-deal-now{font-size:.9rem;font-weight:800;color:var(--green)}.ocr-bp .bp-deal-cta{font-size:.72rem;font-weight:700;color:var(--green);margin-top:auto}.ocr-bp .bp-faq-list{display:flex;flex-direction:column;gap:8px}.ocr-bp .bp-faq-item{border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;background:var(--white)}.ocr-bp .bp-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;min-height:56px;background:0 0;border:none;cursor:pointer;text-align:left;font-size:.92rem;font-weight:700;color:var(--ink);font-family:inherit;transition:color .15s}.ocr-bp .bp-faq-q:hover{color:var(--green)}.ocr-bp .bp-faq-q:focus-visible{outline:2px solid var(--green);outline-offset:-2px}.ocr-bp .bp-faq-icon{width:20px;height:20px;flex-shrink:0;border:2px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .25s ease-out,border-color .15s,background .15s}.ocr-bp .bp-faq-icon svg{width:10px;height:10px;stroke:var(--muted);transition:stroke .15s}.ocr-bp .bp-faq-item.open .bp-faq-icon{transform:rotate(180deg);border-color:var(--green);background:#f0fdf4}.ocr-bp .bp-faq-item.open .bp-faq-icon svg{stroke:var(--green)}.ocr-bp .bp-faq-a-wrap{max-height:0;overflow:hidden;transition:max-height .25s ease-out}.ocr-bp .bp-faq-item.open .bp-faq-a-wrap{max-height:400px}.ocr-bp .bp-faq-a{padding:0 20px 18px;font-size:.88rem;line-height:1.7;color:var(--muted)}.ocr-bp .bp-faq-a a.bp-faq-brand-link{color:var(--green);text-decoration:underline;text-decoration-color:rgba(28,142,77,.35);text-underline-offset:2px}.ocr-bp .bp-faq-a a.bp-faq-brand-link:hover{text-decoration-color:var(--green)}@media (prefers-reduced-motion:reduce){.ocr-bp .bp-faq-a-wrap{transition:none}.ocr-bp .bp-faq-icon{transition:none}}.ocr-bp .bp-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ocr-bp .bp-related-card{border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;background:var(--white);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;text-decoration:none;transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s}.ocr-bp .bp-related-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#cbd5e0}.ocr-bp .bp-related-logo{height:24px;width:auto;max-width:90px;object-fit:contain}.ocr-bp .bp-related-name{font-size:.82rem;font-weight:700;color:var(--ink)}.ocr-bp .bp-related-disc{font-size:.72rem;color:var(--muted)}.ocr-bp .bp-related-arrow{font-size:.75rem;font-weight:700;color:var(--green);margin-top:auto}.ocr-bp .bp-hub-link{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--muted);text-decoration:none;margin-top:24px;transition:color .15s}.ocr-bp .bp-hub-link:hover{color:var(--green)}.ocr-bp .rev-s{opacity:0;transform:scale(.96) translateY(20px);transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1)}.ocr-bp .rev-s.on{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.ocr-bp .rev-s{opacity:1;transform:none;transition:none}}@media (max-width:1024px){.ocr-bp .bp-content,.ocr-bp .bp-hero,.ocr-bp .bp-section{padding-left:32px;padding-right:32px}.ocr-bp .bp-products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.ocr-bp .bp-hero{grid-template-columns:1fr;padding-top:40px}.ocr-bp .bp-hero-img{width:120px;height:120px}.ocr-bp .bp-hero h1{font-size:1.9rem}.ocr-bp .bp-dist-grid{grid-template-columns:1fr}.ocr-bp .bp-dist-grid .bp-dist-card:first-child{grid-column:span 1}.ocr-bp .bp-related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.ocr-bp .bp-content,.ocr-bp .bp-hero,.ocr-bp .bp-section{padding-left:20px;padding-right:20px}.ocr-bp .bp-hero h1{font-size:1.6rem}.ocr-bp .bp-products-grid{grid-template-columns:1fr}.ocr-bp .bp-related-grid{grid-template-columns:1fr}}
