/* Dumpor Instagram Viewer — scoped with IDs so theme styles do not override it */
#dv-app,#dv-modal{--dv-a:var(--dv-custom,var(--g-color,#d62976));--dv-b:color-mix(in srgb,var(--dv-a) 62%,#000);--dv-c:color-mix(in srgb,var(--dv-a) 75%,#fff);--dv-bg:#fff;--dv-soft:#f6f6f9;--dv-tx:#16161d;--dv-mu:#6b6b78;--dv-bd:#e7e7ee;--dv-r:16px}
#dv-app.dv-app{max-width:1100px;margin:0 auto;padding:0 16px 40px;color:var(--dv-tx);font-family:inherit;line-height:1.5;box-sizing:border-box}
#dv-app img,#dv-modal img,#dv-modal video{border:0;padding:0;margin:0;box-shadow:none;height:auto;max-width:100%}
#dv-app button,#dv-modal button{text-transform:none;letter-spacing:normal;width:auto;min-height:0;min-width:0;line-height:1.2;box-shadow:none;margin:0;font-size:inherit;text-shadow:none}
#dv-app a,#dv-modal a{box-shadow:none;text-transform:none;letter-spacing:normal}
#dv-app p{color:inherit;font-size:15px;margin:0;padding:0}
#dv-app h1,#dv-app h2,#dv-app h3{border:0;padding:0;text-transform:none;letter-spacing:normal;background:none}
#dv-app *,#dv-app *::before,#dv-app *::after{box-sizing:border-box}
#dv-app button{font-family:inherit;cursor:pointer}
#dv-app img{max-width:100%;display:block}
#dv-app .dv-title,#dv-app .dv-step h3,#dv-app .dv-pinfo h2{color:inherit;padding:0;border:0;line-height:1.25;font-family:var(--h1-family,var(--heading-family,inherit))}
#dv-app .dv-hero{text-align:center;padding:48px 20px 36px;border-radius:24px;margin:20px 0 28px;color:#fff;
	background:linear-gradient(135deg,var(--dv-b),var(--dv-a) 60%,var(--dv-c))}
#dv-app .dv-title{color:#fff !important;padding:0 !important;border:0 !important;background:none !important;letter-spacing:normal;text-transform:none;font-size:clamp(26px,4.5vw,44px);margin:0 0 8px;color:#fff;font-weight:800;line-height:1.15}
#dv-app .dv-sub{color:#fff !important;font-size:16px;margin:0 auto 26px;max-width:640px;opacity:.92;font-size:16px;color:#fff}
#dv-app .dv-search{border:0 !important;display:flex;align-items:center;max-width:620px;margin:0 auto;background:#fff;border-radius:999px;padding:6px;box-shadow:0 10px 30px rgba(0,0,0,.18)}
#dv-app .dv-at{padding:0 4px 0 16px;color:var(--dv-mu);font-weight:700;font-size:18px}
#dv-app .dv-search input{flex:1;min-width:0;border:0 !important;outline:0;background:transparent !important;font-size:16px;padding:12px 8px !important;color:var(--dv-tx);box-shadow:none !important;margin:0 !important;height:auto !important}
#dv-app .dv-search button{color:#fff !important;min-height:0;line-height:1.2;box-shadow:none;text-transform:none;letter-spacing:normal;width:auto;border:0;border-radius:999px;padding:12px 26px;font-weight:700;font-size:15px;color:#fff;background:linear-gradient(135deg,var(--dv-b),var(--dv-a));transition:transform .15s}
#dv-app .dv-search button:hover{transform:translateY(-1px)}
#dv-app .dv-search button:disabled{opacity:.6}
#dv-app .dv-recent{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin-top:18px;font-size:14px}
#dv-app .dv-recent[hidden]{display:none}
#dv-app .dv-recent-label{opacity:.9}
#dv-app .dv-recent-list{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
#dv-app .dv-recent-list button{color:#fff !important;background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:4px 12px;font-size:13px}
#dv-app .dv-recent-list button:hover{background:rgba(255,255,255,.32)}
#dv-app .dv-link{color:#fff !important;background:none;border:0;color:#fff;text-decoration:underline;font-size:13px;opacity:.85;padding:0}
#dv-app .dv-msg{padding:14px 18px;border-radius:12px;margin:0 0 20px;background:var(--dv-soft);text-align:center}
#dv-app .dv-msg.dv-error{background:#fff1f2;color:#b4123a;border:1px solid #fecdd3}
#dv-app .dv-loader{display:flex;justify-content:center;gap:8px;padding:40px 0}
#dv-app .dv-loader[hidden]{display:none}
#dv-app .dv-loader span{width:12px;height:12px;border-radius:50%;background:var(--dv-a);animation:dvb 1s infinite ease-in-out}
#dv-app .dv-loader span:nth-child(2){animation-delay:.15s;background:var(--dv-b)}
#dv-app .dv-loader span:nth-child(3){animation-delay:.3s;background:var(--dv-c)}
@keyframes dvb{0%,80%,100%{transform:scale(.5);opacity:.5}40%{transform:scale(1);opacity:1}}
#dv-app .dv-profile{display:flex;gap:28px;align-items:flex-start;padding:24px;border:1px solid var(--dv-bd);border-radius:var(--dv-r);background:var(--dv-bg);margin-bottom:18px}
#dv-app .dv-avatar{position:relative;flex:0 0 140px;width:140px;height:140px;border-radius:50%;padding:4px;background:linear-gradient(135deg,var(--dv-c),var(--dv-a),var(--dv-b));text-decoration:none}
#dv-app .dv-avatar img{height:100%;width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid #fff;background:#eee}
#dv-app .dv-avatar span{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);background:#111;color:#fff;font-size:11px;padding:2px 8px;border-radius:999px;opacity:0;transition:.2s}
#dv-app .dv-avatar:hover span{opacity:1}
#dv-app .dv-pinfo{flex:1;min-width:0}
#dv-app .dv-pinfo h2{color:inherit;padding:0;border:0;line-height:1.25;margin:0;font-size:24px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;word-break:break-all}
#dv-app .dv-badge{font-style:normal;background:#3897f0;color:#fff;border-radius:50%;width:20px;height:20px;font-size:12px;display:inline-flex;align-items:center;justify-content:center}
#dv-app .dv-lock{font-style:normal;font-size:12px;background:var(--dv-soft);border:1px solid var(--dv-bd);border-radius:999px;padding:2px 10px;color:var(--dv-mu)}
#dv-app .dv-fname{color:var(--dv-mu);font-weight:600;margin-top:2px}
#dv-app .dv-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0;max-width:520px}
#dv-app .dv-stats div{background:var(--dv-soft);border-radius:12px;padding:10px;text-align:center}
#dv-app .dv-stats b{display:block;font-size:18px}
#dv-app .dv-stats span{font-size:12px;color:var(--dv-mu)}
#dv-app .dv-bio{color:var(--dv-tx);margin:0 0 8px;white-space:normal;word-break:break-word}
#dv-app .dv-ext{color:var(--dv-a);font-weight:600;word-break:break-all}
#dv-app .dv-tabs{display:flex;gap:6px;background:var(--dv-soft);padding:6px;border-radius:999px;margin:0 0 20px;overflow-x:auto}
#dv-app .dv-tabs button{box-shadow:none;min-height:0;line-height:1.2;text-transform:none;letter-spacing:normal;flex:1;border:0;background:transparent;padding:10px 16px;border-radius:999px;font-weight:700;color:var(--dv-mu);white-space:nowrap;font-size:15px}
#dv-app .dv-tabs button.active{background:#fff !important;background:#fff;color:var(--dv-a);box-shadow:0 2px 8px rgba(0,0,0,.08)}
#dv-app .dv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
#dv-app .dv-card{border:1px solid var(--dv-bd);border-radius:14px;overflow:hidden;background:#fff;cursor:pointer;transition:transform .15s,box-shadow .15s}
#dv-app .dv-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.08)}
#dv-app .dv-thumb{position:relative;aspect-ratio:1/1;background:#eee;overflow:hidden}
#dv-app .dv-tall .dv-thumb{aspect-ratio:9/16}
#dv-app .dv-thumb img{height:100%;width:100%;height:100%;object-fit:cover}
#dv-app .dv-ic{position:absolute;top:8px;right:8px;font-style:normal;background:rgba(0,0,0,.55);color:#fff;border-radius:8px;padding:2px 8px;font-size:13px}
#dv-app .dv-meta{position:absolute;left:0;right:0;bottom:0;padding:20px 10px 8px;color:#fff;font-size:13px;font-weight:600;background:linear-gradient(transparent,rgba(0,0,0,.65))}
#dv-app .dv-cbar{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;font-size:13px;color:var(--dv-mu)}
#dv-app .dv-dl-s{color:var(--dv-a) !important;font-weight:700;text-decoration:none !important}
#dv-app .dv-empty{text-align:center;padding:40px 16px;color:var(--dv-mu);background:var(--dv-soft);border-radius:var(--dv-r)}
#dv-app .dv-more-wrap{text-align:center;margin-top:20px}
#dv-app .dv-more{border:2px solid var(--dv-a);color:var(--dv-a);background:#fff;border-radius:999px;padding:10px 28px;font-weight:700}
#dv-app .dv-hl{display:flex;gap:16px;overflow-x:auto;padding:4px 2px 16px;margin-bottom:12px}
#dv-app .dv-hl-item{flex:0 0 auto;width:86px;border:0;background:none;padding:0;text-align:center;color:var(--dv-tx)}
#dv-app .dv-hl-item img{height:78px;width:78px;height:78px;margin:0 auto 6px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 0 0 2px var(--dv-bd)}
#dv-app .dv-hl-item.active img{box-shadow:0 0 0 3px var(--dv-a)}
#dv-app .dv-hl-item span{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#dv-app .dv-step{border:1px solid var(--dv-bd);border-radius:var(--dv-r);padding:22px;background:#fff}
#dv-app .dv-step b{display:inline-flex;width:36px;height:36px;border-radius:50%;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--dv-b),var(--dv-a))}
#dv-app .dv-step h3{color:inherit;padding:0;border:0;margin:12px 0 4px;font-size:18px}
#dv-app .dv-step p{margin:0;color:var(--dv-mu);font-size:14px}
#dv-app .dv-note{text-align:center;color:var(--dv-mu);font-size:12px;margin-top:28px}
#dv-modal.dv-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center}
#dv-modal.dv-modal[hidden]{display:none}
#dv-modal .dv-modal-bg{position:absolute;inset:0;background:rgba(0,0,0,.85)}
#dv-modal .dv-modal-box{position:relative;max-width:min(92vw,560px);width:100%;display:flex;flex-direction:column;align-items:center}
#dv-modal .dv-modal-media{width:100%;display:flex;justify-content:center}
#dv-modal .dv-modal-media img,#dv-modal .dv-modal-media video{max-height:78vh;max-width:100%;border-radius:12px;background:#000}
#dv-modal .dv-modal-bar{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;color:#fff;font-size:13px}
#dv-modal .dv-modal-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#dv-modal .dv-dl{flex:0 0 auto;background:linear-gradient(135deg,var(--dv-b),var(--dv-a));color:#fff !important;padding:9px 20px;border-radius:999px;font-weight:700;text-decoration:none !important}
#dv-modal .dv-modal-x{position:absolute;top:-44px;right:0;background:none;border:0;color:#fff;font-size:36px;line-height:1}
#dv-modal .dv-nav{position:absolute;top:40%;z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:#111;font-size:28px;line-height:1}
#dv-modal .dv-nav[hidden]{display:none}
#dv-modal .dv-prev{left:-56px}
#dv-modal .dv-next{right:-56px}
body.dv-noscroll{overflow:hidden}
@media (max-width:760px){#dv-app .dv-profile{flex-direction:column;align-items:center;text-align:center;padding:20px}
#dv-app .dv-pinfo h2{color:inherit;padding:0;border:0;line-height:1.25;justify-content:center}
#dv-app .dv-stats{margin:16px auto}
#dv-app .dv-grid{grid-template-columns:repeat(2,1fr);gap:10px}
#dv-modal .dv-prev{left:6px}
#dv-modal .dv-next{right:6px}
#dv-app .dv-search button{color:#fff !important;min-height:0;line-height:1.2;box-shadow:none;text-transform:none;letter-spacing:normal;width:auto;padding:12px 18px}

}

#dv-app button:focus,#dv-modal button:focus{outline:none}
#dv-app a,#dv-modal a{box-shadow:none}
#dv-modal img,#dv-modal video{display:block}
#dv-modal .dv-modal-x,#dv-modal .dv-nav{box-shadow:none;min-height:0;padding:0}
#dv-modal,#dv-modal *,#dv-modal *::before,#dv-modal *::after{box-sizing:border-box}
#dv-modal button{font-family:inherit;cursor:pointer}

/* ---------- info sections ---------- */
#dv-app .dv-info{margin-top:56px}
#dv-app .dv-sec{margin:0 0 64px}
#dv-app .dv-h2{font-size:clamp(24px,3.2vw,34px);font-weight:800;text-align:center;margin:0 0 8px;color:var(--dv-tx);line-height:1.2}
#dv-app .dv-lead{text-align:center;color:var(--dv-mu);margin:0 auto 28px;max-width:640px;font-size:16px}
#dv-app .dv-info h3{font-size:17px;font-weight:700;margin:0 0 6px;color:var(--dv-tx);line-height:1.3}
#dv-app .dv-info p{color:var(--dv-mu);font-size:15px;line-height:1.6}
#dv-app .dv-feat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#dv-app .dv-fcard{border:1px solid var(--dv-bd);border-radius:var(--dv-r);padding:22px;background:#fff;transition:transform .15s,box-shadow .15s}
#dv-app .dv-fcard:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.07)}
#dv-app .dv-ficon{display:inline-flex;width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center;font-size:20px;color:#fff;margin-bottom:14px;background:linear-gradient(135deg,var(--dv-b),var(--dv-a))}
#dv-app .dv-how{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
#dv-app .dv-step{border:1px solid var(--dv-bd);border-radius:var(--dv-r);padding:24px;background:#fff}
#dv-app .dv-step b{display:inline-flex;width:40px;height:40px;border-radius:50%;align-items:center;justify-content:center;color:#fff;font-size:17px;margin-bottom:12px;background:linear-gradient(135deg,var(--dv-b),var(--dv-a))}
#dv-app .dv-flow{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:none}
#dv-app .dv-flow li{display:flex;gap:14px;align-items:flex-start;background:var(--dv-soft);border-radius:var(--dv-r);padding:20px;margin:0;position:relative}
#dv-app .dv-flow li::before{display:none}
#dv-app .dv-flow li b{flex:0 0 32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--dv-a);border:2px solid var(--dv-a);font-size:14px}
#dv-app .dv-table-wrap{overflow-x:auto;border:1px solid var(--dv-bd);border-radius:var(--dv-r)}
#dv-app .dv-table{width:100%;border-collapse:collapse;margin:0;font-size:15px;border:0;background:#fff}
#dv-app .dv-table th,#dv-app .dv-table td{padding:14px 18px;border:0;border-bottom:1px solid var(--dv-bd);text-align:center;color:var(--dv-tx);background:none}
#dv-app .dv-table th:first-child,#dv-app .dv-table td:first-child{text-align:left}
#dv-app .dv-table thead th{background:var(--dv-soft);font-weight:700}
#dv-app .dv-table thead th:last-child{color:var(--dv-a)}
#dv-app .dv-table tbody tr:last-child td{border-bottom:0}
#dv-app .dv-table .dv-good{color:#0f9d58;font-weight:700}
#dv-app .dv-table .dv-good::before{content:"✓ "}
#dv-app .dv-table .dv-bad{color:#c62839;font-weight:600}
#dv-app .dv-table .dv-bad::before{content:"✕ "}
#dv-app .dv-uses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#dv-app .dv-use{border-left:4px solid var(--dv-a);background:#fff;border-radius:0 var(--dv-r) var(--dv-r) 0;padding:20px 22px;box-shadow:0 1px 0 var(--dv-bd),0 0 0 1px var(--dv-bd) inset}
#dv-app .dv-ratio{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
#dv-app .dv-rrow{display:flex;gap:16px;align-items:center;border:1px solid var(--dv-bd);border-radius:14px;padding:14px 18px;background:#fff}
#dv-app .dv-rbadge{flex:0 0 112px;text-align:center;font-weight:800;font-size:14px;padding:8px 6px;border-radius:999px;color:#fff}
#dv-app .dv-r0{background:#9aa0ac}#dv-app .dv-r1{background:#4f8cf7}#dv-app .dv-r2{background:#18a87b}#dv-app .dv-r3{background:#f29d1d}#dv-app .dv-r4{background:var(--dv-a)}
#dv-app .dv-small{text-align:center;font-size:13px !important;margin-top:14px}
#dv-app .dv-faq{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
#dv-app .dv-faq details{border:1px solid var(--dv-bd);border-radius:14px;background:#fff;padding:0;margin:0}
#dv-app .dv-faq summary{cursor:pointer;list-style:none;padding:18px 52px 18px 20px;font-weight:700;font-size:16px;position:relative;color:var(--dv-tx)}
#dv-app .dv-faq summary::-webkit-details-marker{display:none}
#dv-app .dv-faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:400;color:var(--dv-a)}
#dv-app .dv-faq details[open] summary::after{content:"−"}
#dv-app .dv-faq details[open]{border-color:var(--dv-a)}
#dv-app .dv-faq details p{padding:0 20px 18px}
#dv-app .dv-cta{text-align:center;color:#fff;border-radius:24px;padding:48px 24px;background:linear-gradient(135deg,var(--dv-b),var(--dv-a) 60%,var(--dv-c))}
#dv-app .dv-cta h2{color:#fff !important;font-size:clamp(24px,3vw,32px);margin:0 0 8px;font-weight:800}
#dv-app .dv-cta p{color:#fff !important;opacity:.92;margin:0 0 22px;font-size:16px}
#dv-app .dv-cta button{background:#fff !important;color:var(--dv-a) !important;border:0;border-radius:999px;padding:14px 32px;font-weight:800;font-size:16px}
@media (max-width:960px){
	#dv-app .dv-feat{grid-template-columns:repeat(2,minmax(0,1fr))}
	#dv-app .dv-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
	#dv-app .dv-uses{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
	#dv-app .dv-feat,#dv-app .dv-flow,#dv-app .dv-uses,#dv-app .dv-how{grid-template-columns:1fr}
	#dv-app .dv-rrow{flex-direction:column;align-items:flex-start;gap:8px}
	#dv-app .dv-rbadge{flex:none}
	#dv-app .dv-table th,#dv-app .dv-table td{padding:12px 10px;font-size:14px}
	#dv-app .dv-sec{margin-bottom:48px}
}
