/* OPA — gerado de opa_projeto/styles.css (escopado em .opa) + integração. Edite as integrações no fim do arquivo. */
.opa{--ink:#19213b;--ink2:#34405b;--muted:#6e7485;--blue:#2758de;--blue2:#1d42ae;--accent:#f26b48;--lavender:#e6e4ff;--yellow:#ffdf8e;--cream:#fff9f1;--paper:#fff;--line:#e9eaf0;--shadow:0 20px 60px rgba(18,32,62,.08);--radius:22px;--container:1190px}
.opa,.opa *{box-sizing:border-box}
html{scroll-behavior:smooth}
.opa{;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;}
.opa a{color:inherit;text-decoration:none}
.opa button,.opa input,.opa select,.opa textarea{font:inherit}
.opa button{cursor:pointer}
.opa button:disabled{cursor:not-allowed;opacity:.6}
.opa button:focus-visible,.opa a:focus-visible,.opa input:focus-visible,.opa select:focus-visible,.opa textarea:focus-visible{outline:3px solid #92b1ff;outline-offset:2px}
.opa svg{display:block}
.opa img{max-width:100%;display:block}
.opa .container{max-width:var(--container);padding:0 24px;margin:auto}
.opa .flex{display:flex;align-items:center}
.opa .between{justify-content:space-between}
.opa .muted{color:var(--muted)}
.opa .kicker{font-size:12px;text-transform:uppercase;letter-spacing:2.2px;font-weight:850;color:var(--blue)}
.opa .pill{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:750;background:#ebefff;color:#284bb0}
.opa .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;padding:14px 22px;border-radius:12px;font-size:14px;font-weight:800;white-space:nowrap;transition:transform .18s,background .18s,box-shadow .18s}
.opa .btn:hover{transform:translateY(-2px)}
.opa .btn-primary{background:var(--blue);color:#fff;box-shadow:0 7px 20px #285ae31e}
.opa .btn-primary:hover{background:var(--blue2)}
.opa .btn-ink{background:var(--ink);color:white}
.opa .btn-outline{background:#fff;border-color:#d8dfee;color:var(--ink)}
.opa .btn-ghost{background:transparent;border-color:#d6d8e2}
.opa .btn-orange{background:var(--accent);color:#fff}
.opa .btn-sm{padding:10px 14px;font-size:12px}
.opa .btn-block{width:100%}
.opa .icon{width:19px;height:19px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.opa .ic-sm{width:16px;height:16px}
.opa .ic-lg{width:25px;height:25px}
.opa .site-header{height:80px;background:#fff;position:sticky;top:0;z-index:40;border-bottom:1px solid #f0f0f4}
.opa .nav-inner{height:100%;gap:30px}
.opa .brand{font-size:37px;line-height:1;font-weight:950;letter-spacing:-2.4px;display:flex;align-items:center;white-space:nowrap}
.opa .brand .dot{color:var(--accent)}
.opa .brand-icon{width:34px;height:34px;background:var(--blue);border-radius:11px;color:white;display:grid;place-items:center;margin-right:9px;transform:rotate(-8deg);font-size:18px}
.opa .brand-icon span{transform:rotate(8deg)}
.opa .nav-links{display:flex;gap:26px;align-items:center;margin-left:20px}
.opa .nav-links a{font-size:13px;font-weight:740;color:#4b556a}
.opa .nav-links a:hover,.opa .nav-links .active{color:var(--blue)}
.opa .nav-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.opa .icon-btn{background:#fff;border:1px solid var(--line);border-radius:12px;width:41px;height:41px;display:grid;place-items:center;position:relative;color:var(--ink)}
.opa .icon-btn:hover{background:#f6f7fb}
.opa .cart-counter{position:absolute;right:-6px;top:-7px;background:var(--accent);color:#fff;border-radius:999px;min-width:18px;height:18px;padding:0 3px;display:grid;place-items:center;font-size:10px;font-weight:900}
.opa .sell-nav{background:#edf1ff;color:var(--blue);border-radius:11px;border:1px solid #dfe7ff;padding:12px 16px;font-size:12px;font-weight:850;white-space:nowrap}
.opa .mobile-menu{display:none}
.opa .notice{background:#f6f8ff;border-bottom:1px solid #e9ecfa;text-align:center;padding:9px 15px;font-size:11px;font-weight:650;color:#536184}
.opa .notice strong{color:#254ab7}
.opa .hero{background:var(--cream);overflow:hidden;position:relative;border-bottom:1px solid #f3ede6}
.opa .hero:before{content:"";position:absolute;width:500px;height:500px;right:-200px;top:-220px;border-radius:50%;background:#ffebd3;opacity:.75}
.opa .hero-grid{min-height:610px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:40px;padding-top:50px;padding-bottom:60px}
.opa .hero h1{font-size:clamp(48px,5.1vw,74px);font-weight:900;line-height:1.08;letter-spacing:-3.8px;margin:18px 0 22px;max-width:700px}
.opa .hero h1 em{font-style:normal;position:relative;color:var(--blue);white-space:nowrap}
.opa .hero h1 em:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:11px;border-radius:50%;border-top:5px solid var(--accent);transform:rotate(-2deg)}
.opa .hero-desc{font-size:17px;line-height:1.8;color:#60667b;max-width:485px}
.opa .hero-search{background:#fff;border:1px solid #e6e8ef;padding:7px 7px 7px 18px;display:flex;align-items:center;border-radius:16px;box-shadow:0 15px 35px #202c5712;max-width:520px;margin-top:30px;gap:12px}
.opa .hero-search input{flex:1;min-width:0;border:0;outline:none;font-size:14px;color:var(--ink)}
.opa .hero-search .btn{padding:14px 19px}
.opa .hero-ctas{display:flex;gap:16px;margin-top:19px;align-items:center}
.opa .link-btn{color:var(--blue);font-size:13px;font-weight:850;background:none;border:0;padding:8px 0}
.opa .link-btn:hover{text-decoration:underline}
.opa .hero-trust{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:42px;font-size:12px;color:#576176;font-weight:650}
.opa .hero-trust span{display:flex;gap:8px;align-items:center}
.opa .hero-trust .check{width:22px;height:22px;background:#e6f5e8;color:#26803e;border-radius:50%;display:grid;place-items:center}
.opa .hero-visual{position:relative;height:485px;display:flex;align-items:center;justify-content:center}
.opa .visual-back{position:absolute;width:440px;height:430px;background:#e4e8ff;border-radius:48% 52% 54% 46%;transform:rotate(12deg);right:1%;top:8%}
.opa .hero-store{z-index:2;position:relative;width:420px;max-width:100%;filter:drop-shadow(0 30px 35px #1a266029)}
.opa .float-card{z-index:3;position:absolute;background:#fff;border-radius:16px;padding:13px 16px;box-shadow:0 14px 33px #28365b20;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800}
.opa .float-card.first{top:63px;right:-12px;transform:rotate(5deg)}
.opa .float-card.second{bottom:55px;left:-25px;transform:rotate(-5deg)}
.opa .float-icon{width:34px;height:34px;border-radius:11px;background:#dcf8df;display:grid;place-items:center;font-size:18px}
.opa .section{padding:84px 0}
.opa .section-soft{background:#f8f9fd}
.opa .section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:32px}
.opa .section-title{font-size:clamp(30px,3.3vw,43px);font-weight:900;letter-spacing:-1.8px;line-height:1.15;margin:12px 0}
.opa .section-sub{color:var(--muted);font-size:15px;line-height:1.7;margin:0;max-width:540px}
.opa .section-head .link-btn{white-space:nowrap}
.opa .categories{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.opa .cat-card{min-height:158px;border:1px solid #ececf1;background:#fff;border-radius:20px;padding:21px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center;font-weight:800;font-size:13px;transition:.2s;box-shadow:0 5px 15px #11182705}
.opa .cat-card:hover,.opa .cat-card.selected{border-color:#a8baff;transform:translateY(-4px);box-shadow:0 12px 25px #3a5ede14}
.opa .cat-img{width:77px;height:77px;border-radius:25px;display:grid;place-items:center;font-size:36px}
.opa .store-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.opa .store-card{border:1px solid #e8e9f0;border-radius:22px;background:#fff;overflow:hidden;transition:.18s;box-shadow:0 4px 18px #202b4908}
.opa .store-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.opa .store-cover{height:165px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}
.opa .store-cover:before{content:"";position:absolute;width:270px;height:270px;border:2px solid #ffffff57;border-radius:50%;top:-170px;right:-60px}
.opa .store-cover:after{content:"";position:absolute;width:120px;height:120px;background:#ffffff1d;border-radius:32px;bottom:-65px;left:20px;transform:rotate(33deg)}
.opa .store-symbol{font-size:83px;filter:drop-shadow(0 9px 6px #00000016);transform:rotate(-8deg)}
.opa .store-info{padding:23px}
.opa .store-avatar{width:50px;height:50px;background:#fff;border-radius:14px;box-shadow:0 4px 18px #1416291b;display:grid;place-items:center;font-size:24px;margin-top:-49px;position:relative;border:3px solid white}
.opa .store-info h3{font-size:20px;letter-spacing:-.6px;margin:12px 0 7px}
.opa .store-info p{font-size:13px;line-height:1.65;color:var(--muted);margin:9px 0 18px;min-height:43px}
.opa .store-info .meta{font-size:11px;font-weight:800;color:var(--blue);text-transform:uppercase;letter-spacing:1px}
.opa .store-end{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:14px}
.opa .text-arrow{font-size:12px;font-weight:850;color:var(--blue);display:flex;gap:7px;align-items:center}
.opa .product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.opa .product-card{border:1px solid #ebecf0;border-radius:20px;background:#fff;overflow:hidden;transition:transform .18s,box-shadow .18s}
.opa .product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.opa .product-photo{height:220px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.opa .product-photo .product-emoji{font-size:99px;filter:drop-shadow(0 14px 7px #17214420);transition:transform .3s;transform:rotate(-8deg)}
.opa .product-card:hover .product-emoji{transform:rotate(-1deg) scale(1.07)}
.opa .product-photo:before{content:"";width:170px;height:170px;border-radius:50%;background:#ffffff66;position:absolute;top:21px;left:50%;transform:translateX(-50%)}
.opa .product-photo .product-emoji{position:relative}
.opa .photo-tag{position:absolute;top:14px;left:14px;background:#fff;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:900;color:var(--ink);box-shadow:0 3px 8px #26304d18}
.opa .product-content{padding:17px}
.opa .product-store{font-size:11px;color:var(--blue);font-weight:850}
.opa .product-name{font-size:14px;font-weight:770;line-height:1.45;min-height:41px;margin:8px 0 13px}
.opa .price{font-size:20px;font-weight:900;letter-spacing:-.7px}
.opa .product-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);margin-top:15px;padding-top:13px}
.opa .tiny-muted{font-size:10px;color:#82889b;font-weight:650}
.opa .add-icon{border:0;width:34px;height:34px;background:var(--blue);color:#fff;border-radius:10px;display:grid;place-items:center}
.opa .add-icon:hover{background:var(--blue2)}
.opa .merchant-section{padding:90px 0;background:#1b2852;color:#fff;overflow:hidden}
.opa .merchant-grid{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:65px}
.opa .merchant-section .kicker{color:#ffbca8}
.opa .merchant-section h2{font-size:clamp(37px,4vw,54px);line-height:1.12;letter-spacing:-2.2px;margin:15px 0 19px}
.opa .merchant-section p{color:#c2cee5;font-size:15px;line-height:1.8}
.opa .seller-benefits{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:27px 0 32px}
.opa .seller-benefits span{display:flex;gap:10px;color:#e9edfc;font-size:13px;font-weight:650;align-items:center}
.opa .seller-benefits svg{color:#a8f2c3}
.opa .panel-placeholder{border:1px solid #b3c2ff4a;background:linear-gradient(145deg,#344674,#25345f);border-radius:24px;padding:23px;box-shadow:0 30px 75px #10172e7a;transform:rotate(2deg)}
.opa .placeholder-window{border-radius:16px;background:#f7f8fd;min-height:320px;overflow:hidden;color:var(--ink)}
.opa .placeholder-top{height:49px;background:white;display:flex;align-items:center;gap:7px;padding:0 19px;border-bottom:1px solid var(--line)}
.opa .placeholder-top i{width:8px;height:8px;border-radius:50%;background:#ff9a83;display:block}
.opa .placeholder-top i:nth-child(2){background:#ffdf8e}
.opa .placeholder-top i:nth-child(3){background:#96dab9}
.opa .placeholder-body{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:35px 26px;min-height:271px}
.opa .placeholder-body .icon-big{font-size:46px;opacity:.8}
.opa .placeholder-body h3{margin:13px 0 3px;font-size:17px}
.opa .placeholder-body p{color:#697188;font-size:12px;margin:4px 0 15px}
.opa .placeholder-body span{background:#e8edff;color:var(--blue);padding:8px 10px;border-radius:8px;font-size:10px;font-weight:850}
.opa .how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}
.opa .how-card{border:1px solid var(--line);padding:27px 22px;border-radius:20px;background:#fff;position:relative}
.opa .how-num{font-size:12px;font-weight:900;color:var(--blue);background:#edf1ff;width:33px;height:33px;border-radius:10px;display:grid;place-items:center}
.opa .how-card h3{font-size:16px;margin:20px 0 9px}
.opa .how-card p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}
.opa .tabs{background:#f0f2f8;padding:5px;display:inline-flex;border-radius:13px;margin-bottom:27px;gap:4px}
.opa .tabs button{border:0;border-radius:9px;padding:11px 19px;font-size:13px;font-weight:850;color:#5f667a;background:transparent}
.opa .tabs button.active{background:#fff;color:var(--blue);box-shadow:0 3px 12px #19213b12}
.opa .footer{background:#101931;color:#bac5d9;padding:65px 0 22px}
.opa .footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:50px}
.opa .footer .brand{color:#fff;font-size:33px}
.opa .footer p{color:#a8b4ca;font-size:13px;line-height:1.8;max-width:280px}
.opa .footer h4{color:#fff;font-size:13px;margin:5px 0 20px}
.opa .footer a:not(.brand){display:block;color:#b3bfd3;font-size:12px;margin:13px 0}
.opa .footer a:hover{color:#fff}
.opa .footer-bottom{border-top:1px solid #ffffff1c;padding-top:25px;margin-top:55px;display:flex;justify-content:space-between;gap:20px;font-size:11px}
.opa .page-hero{background:#f6f8ff;padding:65px 0 48px;border-bottom:1px solid #e8ecfb}
.opa .page-hero h1{font-size:clamp(37px,4vw,57px);line-height:1.1;letter-spacing:-2px;margin:12px 0}
.opa .page-hero p{line-height:1.65;color:var(--muted);max-width:635px;font-size:15px}
.opa .breadcrumb{display:flex;gap:8px;align-items:center;font-size:12px;color:#8a91a2;margin-bottom:18px}
.opa .breadcrumb a{color:var(--blue)}
.opa .filter-toolbar{display:flex;gap:13px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:0 0 27px}
.opa .filter-toolbar .searchline{min-width:250px;flex:1;max-width:440px}
.opa .searchline{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dde1eb;border-radius:11px;padding:12px 14px}
.opa .searchline input{border:0;outline:0;min-width:0;width:100%;font-size:13px}
.opa .select{border-radius:11px;border:1px solid #dde1eb;background:#fff;padding:13px;font-size:12px;color:var(--ink);font-weight:730;min-width:155px}
.opa .filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}
.opa .filter-chip{border:1px solid #e4e7f0;border-radius:999px;padding:10px 14px;background:#fff;color:#697286;font-size:12px;font-weight:760}
.opa .filter-chip.active,.opa .filter-chip:hover{background:#ecf0ff;color:var(--blue);border-color:#b9c8ff}
.opa .store-header-cover{height:220px;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:112px;position:relative;overflow:hidden}
.opa .store-profile{display:flex;gap:20px;align-items:center;padding:20px 5px 28px;border-bottom:1px solid var(--line)}
.opa .store-profile .symbol-box{width:86px;height:86px;border-radius:22px;display:grid;place-items:center;background:#fff;box-shadow:var(--shadow);font-size:42px;margin-top:-44px;z-index:1;flex-shrink:0}
.opa .store-profile h1{font-size:31px;margin:0 0 6px;letter-spacing:-1px}
.opa .store-profile p{font-size:13px;line-height:1.6;color:var(--muted);margin:4px 0}
.opa .product-detail-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:65px;align-items:start}
.opa .detail-photo{height:500px;display:grid;place-items:center;border-radius:24px;position:relative;overflow:hidden}
.opa .detail-photo .hero-emoji{font-size:220px;filter:drop-shadow(0 30px 18px #19213b26);transform:rotate(-8deg);z-index:1}
.opa .detail-photo:before{content:"";position:absolute;width:360px;height:360px;background:#ffffff77;border-radius:50%}
.opa .detail-h1{font-size:clamp(32px,3vw,45px);letter-spacing:-1.5px;line-height:1.2;margin:12px 0}
.opa .detail-price{font-size:32px;font-weight:900;margin:15px 0}
.opa .detail-description{font-size:15px;line-height:1.9;color:#656e82}
.opa .detail-box{background:#f8f9fe;border:1px solid #e9ecf5;border-radius:15px;padding:17px 18px;margin:23px 0;display:grid;gap:13px}
.opa .detail-box div{display:flex;gap:11px;align-items:flex-start;font-size:12px;color:#4e5b76}
.opa .detail-box .icon{color:var(--blue)}
.opa .detail-actions{display:flex;gap:12px;margin-top:26px}
.opa .detail-actions .btn{flex:1}
.opa .accordion{border-bottom:1px solid var(--line)}
.opa .accordion summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:18px 0;font-size:14px;font-weight:800}
.opa .accordion summary:after{content:'+';font-size:20px;color:var(--blue)}
.opa .accordion[open] summary:after{content:'−'}
.opa .accordion p{margin:0 0 19px;color:var(--muted);font-size:13px;line-height:1.8}
.opa .form-card{border:1px solid #e5e7ee;border-radius:24px;padding:30px;background:#fff;box-shadow:0 15px 40px #1a275809}
.opa .field{display:flex;flex-direction:column;gap:8px;margin-bottom:17px}
.opa .field label{font-size:12px;font-weight:850;color:#475067}
.opa .field input,.opa .field select,.opa .field textarea{border:1px solid #dfe3ec;border-radius:11px;padding:14px 13px;background:#fff;font-size:13px;color:var(--ink);width:100%}
.opa .field textarea{min-height:90px;resize:vertical}
.opa .field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.opa .sell-hero{background:#edf1ff;overflow:hidden}
.opa .sell-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:60px;align-items:center;min-height:390px;padding-top:50px;padding-bottom:55px}
.opa .sell-grid h1{font-size:clamp(41px,4.2vw,61px);letter-spacing:-2.8px;line-height:1.1;margin:16px 0}
.opa .sell-grid p{font-size:16px;color:#5d6880;line-height:1.75}
.opa .sell-graphic{font-size:155px;text-align:center;filter:drop-shadow(0 30px 10px #1e2d6d14)}
.opa .benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}
.opa .benefit-card{padding:29px;border-radius:18px;border:1px solid #e5e9f1}
.opa .benefit-card .big{font-size:36px}
.opa .benefit-card h3{font-size:17px}
.opa .benefit-card p{font-size:13px;color:var(--muted);line-height:1.75}
.opa .cart-overlay{position:fixed;inset:0;background:#08122790;z-index:70;opacity:0;pointer-events:none;transition:.2s}
.opa .cart-overlay.show{opacity:1;pointer-events:all}
.opa .cart-drawer{position:fixed;right:0;top:0;bottom:0;width:min(450px,100vw);background:#fff;z-index:71;box-shadow:-15px 0 50px #0812272a;transform:translateX(105%);transition:transform .25s;display:flex;flex-direction:column}
.opa .cart-drawer.show{transform:translateX(0)}
.opa .drawer-top{padding:25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.opa .drawer-top h2{font-size:22px;letter-spacing:-.8px;margin:0}
.opa .drawer-body{flex:1;overflow-y:auto;padding:25px}
.opa .drawer-foot{padding:22px 25px;border-top:1px solid var(--line)}
.opa .cart-item{display:flex;gap:14px;margin-bottom:23px;padding-bottom:21px;border-bottom:1px solid var(--line)}
.opa .cart-art{width:80px;height:80px;border-radius:13px;display:grid;place-items:center;font-size:39px;flex-shrink:0}
.opa .cart-detail{flex:1}
.opa .cart-detail strong{display:block;font-size:13px;line-height:1.4}
.opa .cart-detail small{color:var(--muted);font-size:11px}
.opa .qty-row{display:flex;justify-content:space-between;align-items:center;margin-top:11px}
.opa .qty{display:flex;align-items:center;border:1px solid #e0e4ec;border-radius:9px}
.opa .qty button{border:0;background:#fff;width:27px;height:27px;font-weight:900;color:var(--blue)}
.opa .qty span{font-size:12px;min-width:25px;text-align:center;font-weight:800}
.opa .empty-state{padding:55px 20px;text-align:center;color:var(--muted);border:1px dashed #dfe3ef;border-radius:18px}
.opa .empty-state .big{font-size:49px}
.opa .empty-state h3{color:var(--ink)}
.opa .empty-state p{font-size:13px;line-height:1.7}
.opa .summary-line{display:flex;justify-content:space-between;align-items:center;padding:9px 0;font-size:13px}
.opa .summary-line.total{border-top:1px solid var(--line);font-weight:900;font-size:19px;margin-top:10px;padding-top:18px}
.opa .choice{padding:16px;border:1px solid #dde2ed;border-radius:12px;display:flex;gap:12px;align-items:flex-start;cursor:pointer;margin-bottom:10px}
.opa .choice:has(input:checked){border-color:#7f9fff;background:#f7f9ff}
.opa .choice input{accent-color:var(--blue);margin:2px 0}
.opa .choice strong{font-size:13px;display:block}
.opa .choice small{color:var(--muted);font-size:11px;display:block;margin-top:4px}
.opa .checkout-grid{display:grid;grid-template-columns:1fr 365px;gap:34px;align-items:start}
.opa .side-summary{padding:26px;border-radius:20px;background:#f8f9fc;border:1px solid var(--line)}
.opa .side-summary h3{margin-top:0}
.opa .order-card{border:1px solid #e9eaf2;border-radius:18px;background:white;padding:25px;margin-bottom:17px}
.opa .order-card h3{margin-top:0}
.opa .toast{position:fixed;z-index:99;bottom:25px;left:50%;transform:translate(-50%,120px);opacity:0;pointer-events:none;transition:.25s;background:#1c2b4a;color:#fff;padding:14px 22px;border-radius:12px;box-shadow:0 18px 50px #101c4052;font-size:13px;font-weight:750;max-width:calc(100% - 40px)}
.opa .toast.show{transform:translate(-50%,0);opacity:1}
.opa .modal-backdrop{position:fixed;inset:0;background:#101a38a8;z-index:81;display:grid;place-items:center;padding:20px}
.opa .modal{max-width:480px;width:100%;padding:28px;border-radius:22px;background:#fff;box-shadow:var(--shadow)}
.opa .modal h2{margin:5px 0 10px;font-size:25px;letter-spacing:-1px}
.opa .modal p{font-size:13px;line-height:1.7;color:var(--muted)}
.opa .modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}
.opa .hidden{display:none!important}
.opa .small-note{font-size:11px;line-height:1.7;color:#878da0}
.opa .info-banner{border-radius:14px;background:#f0f4ff;border:1px solid #dce6ff;padding:14px 18px;color:#475c90;font-size:12px;line-height:1.65}
.opa .success-hero{text-align:center;padding:80px 20px}
.opa .success-hero .circle{width:100px;height:100px;background:#e1f7eb;border-radius:50%;display:grid;place-items:center;font-size:55px;margin:auto}
.opa .success-hero h1{font-size:43px;letter-spacing:-1.8px}
.opa .max-760{max-width:760px}
.opa .mt-20{margin-top:20px}
.opa .mb-25{margin-bottom:25px}
.opa .center{text-align:center}
.opa .spacer-top{margin-top:35px}
.opa .mobile-nav-panel{display:none}
.opa .account-layout{display:grid;grid-template-columns:225px 1fr;gap:28px}
.opa .account-menu{display:grid;gap:8px;align-content:start}
.opa .account-menu .btn{justify-content:flex-start}
.opa .faq-wrap{max-width:840px;margin:auto}
.opa .footer-credits{font-size:11px;color:#8292ae}
@media(max-width:1100px){.opa .nav-links{gap:16px;margin-left:2px}
.opa .nav-actions{gap:7px}
.opa .nav-actions .sell-nav{display:none}
.opa .hero h1{font-size:59px}
.opa .float-card.first{right:0}
.opa .float-card.second{left:0}
.opa .product-grid{grid-template-columns:repeat(3,1fr)}
.opa .store-grid{grid-template-columns:repeat(2,1fr)}
.opa .categories{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.opa .site-header{height:69px}
.opa .nav-links,.opa .nav-actions .account-trigger,.opa .nav-actions .search-top,.opa .nav-actions .sell-nav{display:none}
.opa .mobile-menu{display:grid}
.opa .nav-inner{gap:10px}
.opa .brand{font-size:33px}
.opa .hero-grid,.opa .merchant-grid,.opa .sell-grid,.opa .product-detail-grid,.opa .checkout-grid{grid-template-columns:1fr}
.opa .hero-grid{padding-top:52px;gap:10px;min-height:0}
.opa .hero h1{font-size:clamp(44px,8vw,61px);letter-spacing:-2.7px}
.opa .hero-visual{height:395px}
.opa .hero-store{width:350px}
.opa .visual-back{width:320px;height:320px;right:15%}
.opa .float-card.first{top:37px;right:1%}
.opa .float-card.second{bottom:20px;left:4%}
.opa .section{padding:63px 0}
.opa .merchant-section{padding:70px 0}
.opa .merchant-grid{gap:40px}
.opa .product-grid{grid-template-columns:repeat(2,1fr)}
.opa .categories{grid-template-columns:repeat(3,1fr)}
.opa .how-grid,.opa .benefit-grid{grid-template-columns:repeat(2,1fr)}
.opa .footer-grid{grid-template-columns:repeat(2,1fr);gap:35px}
.opa .mobile-nav-panel{display:block;position:fixed;top:69px;left:0;right:0;z-index:39;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 20px 30px #171e3f1f;padding:17px 24px}
.opa .mobile-nav-panel a{display:block;padding:13px 4px;font-size:15px;font-weight:750;border-bottom:1px solid #edf0f7}
.opa .detail-photo{height:380px}
.opa .detail-photo .hero-emoji{font-size:175px}
.opa .store-header-cover{height:175px}
.opa .sell-grid{gap:0}
.opa .sell-graphic{font-size:120px}
.opa .account-layout{grid-template-columns:1fr}
.opa .account-menu{display:flex;flex-wrap:wrap}
.opa .checkout-grid{gap:20px}}
@media(max-width:500px){.opa .container{padding:0 17px}
.opa .notice{font-size:10px}
.opa .hero-grid{padding-top:37px}
.opa .hero h1{font-size:46px;letter-spacing:-2.4px}
.opa .hero-desc{font-size:15px}
.opa .hero-search{gap:7px;padding-left:12px}
.opa .hero-search .btn{padding:13px 12px}
.opa .hero-trust{gap:13px;margin-top:30px}
.opa .hero-visual{height:330px}
.opa .hero-store{width:285px}
.opa .visual-back{width:280px;height:280px}
.opa .float-card{font-size:10px;padding:8px 10px}
.opa .float-card.first{right:0;top:24px}
.opa .float-card.second{bottom:13px}
.opa .float-icon{width:25px;height:25px;font-size:13px}
.opa .section-title{font-size:30px}
.opa .section-head{align-items:start}
.opa .section-head .link-btn{font-size:11px}
.opa .categories{grid-template-columns:repeat(3,1fr);gap:9px}
.opa .cat-card{min-height:122px;padding:14px 5px;border-radius:15px;font-size:11px}
.opa .cat-img{width:60px;height:60px;border-radius:19px;font-size:28px}
.opa .store-grid{grid-template-columns:1fr}
.opa .product-grid{gap:10px}
.opa .product-photo{height:157px}
.opa .product-photo .product-emoji{font-size:70px}
.opa .product-photo:before{width:120px;height:120px;top:13px}
.opa .product-content{padding:12px}
.opa .product-name{font-size:12px;min-height:35px}
.opa .price{font-size:16px}
.opa .tiny-muted{font-size:9px}
.opa .photo-tag{font-size:9px}
.opa .seller-benefits{grid-template-columns:1fr}
.opa .how-grid,.opa .benefit-grid{grid-template-columns:1fr}
.opa .footer-grid{grid-template-columns:1fr 1fr;gap:22px}
.opa .footer-grid>:first-child{grid-column:1/-1}
.opa .footer-bottom{flex-direction:column}
.opa .field-row{grid-template-columns:1fr;gap:0}
.opa .detail-actions{flex-direction:column}
.opa .detail-photo{height:330px}
.opa .detail-photo .hero-emoji{font-size:150px}
.opa .detail-photo:before{width:260px;height:260px}
.opa .filter-toolbar .searchline{max-width:none}
.opa .filter-toolbar .select{flex:1}
.opa .page-hero{padding:43px 0 35px}
.opa .store-profile{gap:13px}
.opa .store-profile h1{font-size:24px}
.opa .store-profile .symbol-box{width:64px;height:64px;font-size:30px}
.opa .form-card{padding:20px}
.opa .side-summary{padding:21px}}
@media(prefers-reduced-motion:reduce){.opa,.opa *,.opa *:before,.opa *:after{scroll-behavior:auto!important;transition:none!important}}
.opa{--page-bg:#fff}
.opa .brand-rich{gap:12px;letter-spacing:0;line-height:1.05}
.opa .brand-rich .brand-logo{width:46px;height:46px;object-fit:contain;border-radius:12px;flex-shrink:0}
.opa .brand-text{display:flex;flex-direction:column;gap:2px}
.opa .brand-text strong{font-size:19px;letter-spacing:.8px;line-height:1;font-weight:950}
.opa .brand-text small{font-size:10px;letter-spacing:2.4px;color:#6f7890;font-weight:800}
.opa .enter-nav{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:12px;font-weight:850;white-space:nowrap}
.opa .enter-nav:hover{background:#f6f7fb}
.opa .admin-nav{padding:12px 16px}
.opa .theme-toggle{font-size:17px}
.opa .theme-emoji{line-height:1}
.opa .footer-brand{font-size:inherit}
.opa .footer-pill{background:#253c74;color:#dce5ff;margin-top:14px}
.opa .brand-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.opa .brand-card{border:1px solid #e8e9f0;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 4px 18px #202b4908;transition:.18s}
.opa .brand-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.opa .brand-top{padding:26px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.opa .brand-mark{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;font-size:30px;color:#fff;font-weight:900;box-shadow:0 14px 24px #18244b1b}
.opa .brand-chip{display:inline-flex;padding:7px 11px;border-radius:999px;background:#eef2ff;color:var(--blue);font-size:11px;font-weight:850}
.opa .brand-body{padding:0 26px 24px}
.opa .brand-body h3{margin:0 0 8px;font-size:22px;letter-spacing:-.7px}
.opa .brand-body p{margin:0 0 18px;color:var(--muted);font-size:13px;line-height:1.7}
.opa .brand-links{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:16px}
.opa .brand-links .tiny-muted{font-size:11px}
.opa .theme-section{padding:18px;border-radius:18px;background:#f8f9fd;border:1px solid var(--line)}
body[data-theme="dark"] .opa{--page-bg:#08111f;--ink:#e9eefc;--ink2:#c9d4ef;--muted:#9aa7c6;--paper:#0f1a2e;--cream:#0d1730;--line:#22304c;--shadow:0 20px 60px rgba(0,0,0,.35)}
body[data-theme="dark"] .opa .site-header,body[data-theme="dark"] .opa .mobile-nav-panel,body[data-theme="dark"] .opa .cart-drawer,body[data-theme="dark"] .opa .modal,body[data-theme="dark"] .opa .store-card,body[data-theme="dark"] .opa .product-card,body[data-theme="dark"] .opa .form-card,body[data-theme="dark"] .opa .order-card,body[data-theme="dark"] .opa .side-summary,body[data-theme="dark"] .opa .benefit-card,body[data-theme="dark"] .opa .how-card,body[data-theme="dark"] .opa .merchant-panel,body[data-theme="dark"] .opa .brand-card,body[data-theme="dark"] .opa .cat-card,body[data-theme="dark"] .opa .empty-state,body[data-theme="dark"] .opa .detail-box,body[data-theme="dark"] .opa .choice,body[data-theme="dark"] .opa .theme-section,body[data-theme="dark"] .opa .searchline,body[data-theme="dark"] .opa .hero-search{background:#0f1a2e!important;color:var(--ink);border-color:#22304c!important;box-shadow:none}
body[data-theme="dark"] .opa .notice,body[data-theme="dark"] .opa .info-banner,body[data-theme="dark"] .opa .section-soft,body[data-theme="dark"] .opa .page-hero,body[data-theme="dark"] .opa .sell-hero,body[data-theme="dark"] .opa .merchant-section,body[data-theme="dark"] .opa .footer{background:#0c1529!important;color:var(--ink)}
body[data-theme="dark"] .opa .hero{background:#0c1529;border-bottom-color:#1f2b45}
body[data-theme="dark"] .opa .hero:before{background:#17335d;opacity:.35}
body[data-theme="dark"] .opa .visual-back{background:#13284d}
body[data-theme="dark"] .opa .btn-outline,body[data-theme="dark"] .opa .enter-nav,body[data-theme="dark"] .opa .icon-btn,body[data-theme="dark"] .opa .select,body[data-theme="dark"] .opa .field input,body[data-theme="dark"] .opa .field select,body[data-theme="dark"] .opa .field textarea{background:#0f1a2e;color:var(--ink);border-color:#2a3958}
body[data-theme="dark"] .opa .btn-outline:hover,body[data-theme="dark"] .opa .enter-nav:hover,body[data-theme="dark"] .opa .icon-btn:hover{background:#14223b}
body[data-theme="dark"] .opa .brand-text small,body[data-theme="dark"] .opa .nav-links a,body[data-theme="dark"] .opa .small-note,body[data-theme="dark"] .opa .muted,body[data-theme="dark"] .opa .section-sub,body[data-theme="dark"] .opa .hero-desc,body[data-theme="dark"] .opa .store-info p,body[data-theme="dark"] .opa .detail-description,body[data-theme="dark"] .opa .choice small,body[data-theme="dark"] .opa .field label{color:#9aa7c6!important}
body[data-theme="dark"] .opa .product-store,body[data-theme="dark"] .opa .text-arrow,body[data-theme="dark"] .opa .kicker,body[data-theme="dark"] .opa .link-btn{color:#88a7ff}
body[data-theme="dark"] .opa .footer-bottom,body[data-theme="dark"] .opa .store-end,body[data-theme="dark"] .opa .product-bottom,body[data-theme="dark"] .opa .accordion,body[data-theme="dark"] .opa .cart-item,body[data-theme="dark"] .opa .drawer-top,body[data-theme="dark"] .opa .drawer-foot{border-color:#22304c}
body[data-theme="dark"] .opa .hero-search input,body[data-theme="dark"] .opa .searchline input{background:transparent;color:var(--ink)}
body[data-theme="dark"] .opa .filter-chip{background:#0f1a2e;border-color:#22304c;color:#b3bfdb}
body[data-theme="dark"] .opa .filter-chip.active,body[data-theme="dark"] .opa .filter-chip:hover{background:#152a57;color:#cbd8ff;border-color:#4b6fd7}
body[data-theme="dark"] .opa .pill,body[data-theme="dark"] .opa .brand-chip{background:#15254a;color:#cbd8ff}
body[data-theme="dark"] .opa .footer-pill{background:#13284d;color:#dce5ff}
body[data-theme="dark"] .opa .toast{background:#13284d}
@media(max-width:1100px){.opa .brand-card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.opa .nav-actions .enter-nav,.opa .nav-actions .theme-toggle,.opa .nav-actions .admin-nav{display:none}
.opa .brand-rich .brand-logo{width:40px;height:40px}
.opa .brand-text strong{font-size:17px}
.opa .brand-text small{font-size:9px;letter-spacing:1.8px}}
@media(max-width:500px){.opa .brand-card-grid{grid-template-columns:1fr}
.opa .brand-text strong{font-size:16px}
.opa .brand-text small{font-size:8px;letter-spacing:1.5px}}
.opa .floating-shortcuts{position:fixed;left:14px;top:240px;z-index:35;display:flex;flex-direction:column;gap:14px}
.opa .shortcut-pill{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:220px;background:#de3000;color:#fff;padding:16px 20px;border-radius:999px;box-shadow:0 14px 30px rgba(0,0,0,.18);font-weight:800;font-size:15px;transition:transform .18s,box-shadow .18s}
.opa .shortcut-pill:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(0,0,0,.22)}
.opa .shortcut-left{display:flex;align-items:center;gap:14px}
.opa .shortcut-icon{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;font-size:18px;color:#fff}
.opa .shortcut-arrow{font-size:24px;line-height:1;opacity:.95}
.opa .hero-label-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 6px}
.opa .seller-mini-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#edf1ff;color:var(--blue);border:1px solid #dfe7ff;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.7px}
.opa .hero-main-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.opa .btn-dark-outline{background:transparent;color:var(--blue);border-color:#2f67d8;box-shadow:inset 0 0 0 1px #2f67d8}
.opa .btn-dark-outline:hover{background:#eef4ff}
body[data-theme="dark"] .opa .shortcut-pill{background:#de3000;color:#fff}
body[data-theme="dark"] .opa .seller-mini-badge{background:#15254a;color:#cbd8ff;border-color:#31466d}
body[data-theme="dark"] .opa .btn-dark-outline{color:#8db0ff;border-color:#4672df}
body[data-theme="dark"] .opa .btn-dark-outline:hover{background:#13284d}
@media(max-width:1200px){.opa .floating-shortcuts{left:10px;top:260px}
.opa .shortcut-pill{min-width:190px;font-size:14px;padding:14px 16px}}
@media(max-width:900px){.opa .floating-shortcuts{display:none}}

/* ==================================================================
   OPA — integração do protótipo com o tema e com dados reais
   ================================================================== */
.opa{background:var(--page-bg,#fff);font-size:14px;line-height:1.5}
.opa h1,.opa h2,.opa h3,.opa h4,.opa h5{color:inherit;font-family:inherit;font-weight:900}
.opa a:hover{color:inherit;text-decoration:none}
.opa .btn-primary,.opa .btn-primary:hover,.opa .btn-primary:focus,.opa .btn-orange,.opa .btn-orange:hover,.opa .btn-ink{color:#fff}
.opa .btn:focus{box-shadow:none}
.opa label{margin-bottom:0}
.opa [hidden]{display:none!important}
body[data-theme="dark"]{background:#08111f}
body[data-theme="dark"] .aiz-main-wrapper{background:#08111f!important}

/* ---- marca no cabeçalho (SVG do mascote) ---- */
.opa .brand-rich .opa-logo{flex-shrink:0}
.opa .brand-rich .opa-escudo{width:44px;height:auto;filter:drop-shadow(0 3px 6px rgba(20,40,110,.18))}
.opa .footer .brand-rich .opa-escudo{width:48px}
.opa .footer .brand-text small{color:#9aa7c6}

/* ---- busca suspensa do cabeçalho ---- */
.opa .opa-busca{position:absolute;left:0;right:0;top:100%;z-index:39;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 30px #171e3f14}
.opa .opa-busca form{display:flex;align-items:center;gap:12px;height:70px}
.opa .opa-busca input{flex:1;min-width:0;border:0;outline:0;font-size:17px;font-weight:650;color:var(--ink);background:transparent}
.opa .opa-busca .icon{color:var(--blue)}
body[data-theme="dark"] .opa .opa-busca{background:#0f1a2e;border-color:#22304c}

/* ---- conta no cabeçalho ---- */
.opa .opa-conta{position:relative}
.opa .opa-conta>a{display:inline-flex;align-items:center;gap:9px;padding:5px 12px 5px 5px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:12px;font-weight:850;white-space:nowrap}
.opa .opa-avatar{width:31px;height:31px;border-radius:9px;background:#edf1ff;color:var(--blue);display:grid;place-items:center;font-weight:900;overflow:hidden;flex-shrink:0}
.opa .opa-avatar img{width:100%;height:100%;object-fit:cover}
.opa .opa-conta-nome{max-width:110px;overflow:hidden;text-overflow:ellipsis}
.opa .opa-conta-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.16s;z-index:50}
.opa .opa-conta:hover .opa-conta-menu,.opa .opa-conta:focus-within .opa-conta-menu{opacity:1;visibility:visible;transform:none}
.opa .opa-conta-menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:700;color:var(--ink2)}
.opa .opa-conta-menu a:hover{background:#f3f5fc;color:var(--blue)}
.opa .opa-conta-menu hr{border:0;border-top:1px solid var(--line);margin:6px 0}
body[data-theme="dark"] .opa .opa-conta>a,body[data-theme="dark"] .opa .opa-conta-menu{background:#0f1a2e;border-color:#22304c;color:var(--ink)}
body[data-theme="dark"] .opa .opa-conta-menu a{color:var(--ink)}
body[data-theme="dark"] .opa .opa-conta-menu a:hover{background:#14223b}
.opa .mobile-nav-panel .opa-sep{display:block;font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:850;color:var(--blue);padding:16px 4px 4px;border:0}

/* ---- atalhos flutuantes: círculos que viram pílula ---- */
.opa .floating-shortcuts{top:auto;bottom:110px;gap:10px}
.opa .shortcut-pill{min-width:0;width:50px;height:50px;padding:0 0 0 8px;border-radius:999px;overflow:hidden;justify-content:flex-start;font-size:13px;transition:width .22s ease,box-shadow .18s}
.opa .shortcut-pill .shortcut-left span:last-child,.opa .shortcut-pill .shortcut-arrow{opacity:0;white-space:nowrap;transition:opacity .15s}
.opa .shortcut-pill:hover,.opa .shortcut-pill:focus-visible{width:215px}
.opa .shortcut-pill:hover .shortcut-left span:last-child,.opa .shortcut-pill:hover .shortcut-arrow,.opa .shortcut-pill:focus-visible .shortcut-left span:last-child{opacity:1}
.opa .shortcut-pill:hover{color:#fff}
.opa .shortcut-icon{font-size:17px}
@media(max-width:1299px){.opa .floating-shortcuts{display:none}}

/* ---- fotos reais nos cards ---- */
.opa .product-photo img{position:relative;z-index:1;max-width:80%;max-height:82%;object-fit:contain;filter:drop-shadow(0 12px 10px #17214424);transition:transform .3s}
.opa .product-card:hover .product-photo img{transform:scale(1.05)}
.opa .product-photo .product-emoji{z-index:1}
.opa .photo-tag{z-index:2}
.opa .product-store{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.opa .product-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.opa .price-old{font-size:12px;color:#8a91a2;text-decoration:line-through;margin-left:6px;font-weight:650}
.opa .add-icon{font-size:20px;font-weight:700;line-height:1}
.opa .add-icon .icon{width:17px;height:17px}
.opa .rating-mini{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;color:#b07a10}
.opa .rating-mini b{color:var(--ink)}

.opa .store-cover img.capa{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.opa .store-avatar img{width:100%;height:100%;object-fit:cover;border-radius:11px}
.opa .store-avatar .ini{font-size:18px;font-weight:900;color:var(--blue)}
.opa .store-info h3 a:hover{color:var(--blue)}
.opa .store-stats{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;font-weight:750;color:#6b7387;margin:-6px 0 12px}

.opa .cat-img img{width:46px;height:46px;object-fit:contain}
.opa .cat-card small{display:block;font-size:11px;font-weight:700;color:#8a91a2;margin-top:-6px}

.opa .brand-mark img{width:100%;height:100%;object-fit:contain;padding:10px;background:#fff;border-radius:20px}

/* ---- seção vendedor: prévia das funções reais do painel ---- */
.opa .painel-lista{padding:26px;display:grid;gap:12px;text-align:left}
.opa .painel-item{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 15px}
.opa .painel-item .ico{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:18px;flex-shrink:0}
.opa .painel-item strong{display:block;font-size:13px}
.opa .painel-item small{display:block;font-size:11px;color:var(--muted)}

/* ---- paginação do Laravel ---- */
.opa .pagination{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;justify-content:center;margin:36px 0 0}
.opa .page-link{display:grid;place-items:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:11px;color:var(--ink);font-weight:800;font-size:13px;background:#fff}
.opa .page-link:hover{background:#f3f5fc;color:var(--blue)}
.opa .page-item.active .page-link{background:var(--blue);border-color:var(--blue);color:#fff}
.opa .page-item.disabled .page-link{opacity:.45}
body[data-theme="dark"] .opa .page-link{background:#0f1a2e;border-color:#22304c;color:var(--ink)}

/* ---- carrinho lateral ---- */
.opa .cart-art{overflow:hidden;background:#f3f5fb}
.opa .cart-art img{width:100%;height:100%;object-fit:contain;padding:6px}
.opa .cart-detail .var{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.opa .drawer-body.carregando{opacity:.5;pointer-events:none}
.opa .cart-overlay,.opa .cart-drawer{color:var(--ink)}

/* ---- modal de "uma loja por pedido" (dentro do modal do tema) ---- */
.opa.opa-modal{padding:8px 4px 4px;background:transparent}
.opa.opa-modal h2{font-size:24px;letter-spacing:-.8px;margin:12px 0 8px}
.opa.opa-modal p{font-size:13px;line-height:1.7;color:var(--muted)}
.opa.opa-modal .modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;flex-wrap:wrap}

/* ---- toasts ---- */
.opa .toast{display:block}

/* ---- telas com formulário/vazio ---- */
.opa .empty-state .btn{margin-top:18px}
.opa .grid-span{grid-column:1/-1}

@media(max-width:780px){.opa .opa-conta-nome{display:none}.opa .opa-busca form{height:60px}.opa .opa-busca .btn{display:none}}

/* ---- cabeçalho: o wrapper é que gruda (o sticky interno ficaria preso ao wrapper) ---- */
.opa.opa-cabecalho{position:sticky;top:0;z-index:1030}
.opa.opa-cabecalho .site-header{position:relative;top:auto}
.opa .drawer-wrap{flex:1;display:flex;flex-direction:column;min-height:0}
/* o círculo decorativo do hero (::before) pintava por cima do texto no celular */
.opa .hero-grid{position:relative;z-index:1}
/* carrinho lateral, toast e modal acima do cabeçalho grudado (z 1030) */
.opa .cart-overlay{z-index:1040}
.opa .cart-drawer{z-index:1041}
.opa .toast{z-index:1060}
.opa .modal-backdrop{z-index:1050}
.opa.opa-modal{padding:10px 8px 4px}
.opa.opa-modal .pill{margin-right:44px}
.opa.opa-modal .modal-actions .btn{padding:12px 16px}
body[data-theme="dark"] .opa .float-card{background:#0f1a2e;color:var(--ink);box-shadow:0 14px 33px rgba(0,0,0,.35)}
body[data-theme="dark"] .opa .seller-mini-badge{background:#15254a}
body[data-theme="dark"] .opa .painel-item{background:#0f1a2e;border-color:#22304c}
body[data-theme="dark"] .opa .placeholder-window{background:#0b1426}
body[data-theme="dark"] .opa .placeholder-top{background:#0f1a2e;border-color:#22304c}
/* o .breadcrumb do Bootstrap do tema trazia fundo cinza e padding */
.opa .breadcrumb{background:none;padding:0;border-radius:0;flex-wrap:wrap}