/* =========================================================
   iBlogger Feedback V4 — rebuilt feedback directory pages
   Presentation-only layer; existing API/JS hooks are preserved.
   ========================================================= */
body.v4-page.v4-feedback-page{background:#f4f5fb!important;color:var(--v4-ink);}
body.v4-page.v4-feedback-page main{overflow:hidden!important;background:#f4f5fb;}

/* Hero */
.v4-feedback-hero{position:relative;min-height:650px;padding:146px 0 76px;color:#fff;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 6% 74%,rgba(105,91,255,.58),transparent 27%),radial-gradient(circle at 92% 27%,rgba(116,87,255,.42),transparent 23%),radial-gradient(ellipse at 55% 112%,rgba(227,144,231,.34),transparent 38%),linear-gradient(150deg,#080b23 0%,#101540 56%,#29256f 100%)}
.v4-feedback-hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.22;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.6) 1px,transparent 1.35px);background-size:38px 38px;mask-image:linear-gradient(180deg,transparent 4%,#000 25%,#000 82%,transparent 98%)}
.v4-feedback-hero::after{content:"";position:absolute;width:520px;height:520px;left:-260px;bottom:-260px;border-radius:50%;z-index:-1;background:radial-gradient(circle,rgba(225,142,231,.38),transparent 68%);filter:blur(8px)}
.v4-feedback-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:58px;align-items:center;position:relative;z-index:2}
.v4-feedback-copy{max-width:690px}
.v4-feedback-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:18px;color:rgba(255,255,255,.48);font-size:.7rem}.v4-feedback-breadcrumb a{color:inherit;text-decoration:none}.v4-feedback-breadcrumb a:hover{color:#fff}
.v4-feedback-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.76);font-size:.7rem;font-weight:900}.v4-feedback-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:#a9c8ff;box-shadow:0 0 0 5px rgba(169,200,255,.10)}
.v4-feedback-hero h1{margin:20px 0 18px;color:#fff;font-size:clamp(3rem,5vw,5.15rem);line-height:.98;letter-spacing:-.06em;font-weight:800}.v4-feedback-hero h1 em{font-family:Georgia,serif;font-weight:500;color:#e5d8ff;font-style:italic}
.v4-feedback-lead{max-width:630px;margin:0;color:rgba(255,255,255,.66);font-size:.96rem;line-height:2}
.v4-feedback-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.v4-feedback-actions .v4-btn{min-width:148px}
.v4-feedback-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.v4-feedback-trust span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.09);color:rgba(255,255,255,.58);font-size:.65rem}.v4-feedback-trust i{width:5px;height:5px;border-radius:50%;background:#aab7ff}

/* Hero visual: editorial photo stack + trust UI; no fake profile data */
.v4-feedback-art{position:relative;min-height:410px;display:grid;place-items:center;perspective:1000px}
.v4-feedback-photo-stage{position:relative;width:min(470px,100%);height:380px}
.v4-feedback-photo{position:absolute;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:30px;box-shadow:0 32px 74px rgba(3,6,24,.38);background:#202657}
.v4-feedback-photo img{width:100%;height:100%;display:block;object-fit:cover}
.v4-feedback-photo-a{width:185px;height:280px;right:16px;top:70px;transform:rotate(7deg)}
.v4-feedback-photo-b{width:220px;height:330px;right:128px;top:18px;z-index:2}
.v4-feedback-photo-c{width:170px;height:255px;right:286px;top:92px;transform:rotate(-8deg)}
.v4-feedback-glass-card{position:absolute;z-index:5;padding:16px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.14);background:rgba(8,11,34,.76);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 22px 50px rgba(3,5,20,.28)}
.v4-feedback-glass-card small{display:block;margin-bottom:4px;color:rgba(255,255,255,.45);font-size:.61rem}.v4-feedback-glass-card strong{display:block;color:#fff;font-size:.83rem}.v4-feedback-glass-card span{display:block;margin-top:4px;color:rgba(255,255,255,.54);font-size:.62rem}
.v4-feedback-glass-primary{right:26px;bottom:4px}.v4-feedback-glass-secondary{left:0;top:32px}.v4-feedback-check{display:inline-grid!important;place-items:center;width:28px;height:28px!important;margin:0 0 9px!important;border-radius:9px;background:linear-gradient(135deg,#96a6ff,#8068ef);font-weight:950;color:#fff!important}

/* Trust bridge */
.v4-feedback-values{position:relative;z-index:4;margin-top:-32px}
.v4-feedback-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px;border:1px solid rgba(53,60,111,.08);border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 24px 65px rgba(36,43,102,.11);backdrop-filter:blur(16px)}
.v4-feedback-value{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:14px 16px;border-radius:19px;background:#f7f8fc}.v4-feedback-value>span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#eceeff;color:#5d66cf;font-size:1rem;font-weight:950}.v4-feedback-value strong{display:block;margin-bottom:3px;font-size:.8rem}.v4-feedback-value small{display:block;color:#7c839f;font-size:.64rem;line-height:1.65}

/* Directory */
.v4-feedback-directory{padding:86px 0 94px;background:linear-gradient(180deg,#f4f5fb 0%,#eef0f7 100%)}
.v4-feedback-section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:26px}.v4-feedback-section-head h2{margin:5px 0 0;font-size:clamp(2rem,3vw,3rem);letter-spacing:-.045em;line-height:1.06}.v4-feedback-section-head p{max-width:460px;margin:0;color:#737b98;font-size:.8rem;line-height:1.9}.v4-feedback-section-kicker{color:#6972d6;font-size:.68rem;font-weight:950}
.v4-feedback-directory .feedback-toolbar{position:sticky;top:96px;z-index:20;display:grid;grid-template-columns:minmax(280px,1.5fr) minmax(170px,.65fr) minmax(170px,.65fr);gap:10px;padding:12px;border:1px solid var(--v4-line);border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 16px 42px rgba(39,46,108,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
body.v4-page.v4-feedback-page[data-feedback-type="shops"] .feedback-toolbar{grid-template-columns:minmax(280px,1.6fr) minmax(180px,.7fr)!important}
.v4-feedback-directory .feedback-input,.v4-feedback-directory .feedback-select{width:100%;min-height:50px!important;border:1px solid rgba(68,77,139,.12)!important;border-radius:15px!important;background:#f6f7fb!important;color:#252a49!important;box-shadow:none!important;font-size:.78rem!important;font-family:inherit}.v4-feedback-directory .feedback-input:focus,.v4-feedback-directory .feedback-select:focus{border-color:#8189e8!important;background:#fff!important;box-shadow:0 0 0 4px rgba(129,137,232,.10)!important;outline:0!important}
.v4-feedback-directory .feedback-search{position:relative}.v4-feedback-directory .feedback-search svg{position:absolute;right:16px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:#7d85a1;pointer-events:none}.v4-feedback-directory .feedback-search input{padding-right:46px!important}
.v4-feedback-directory .feedback-list-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:30px 2px 18px}.v4-feedback-directory .feedback-list-head h2{margin:0 0 5px;font-size:1.35rem;letter-spacing:-.025em}.v4-feedback-directory .feedback-list-head p{margin:0;color:#8087a0;font-size:.72rem}.v4-feedback-directory .feedback-result-count{display:inline-flex;align-items:center;min-height:34px;border-radius:999px;background:#e9ecff!important;color:#5963cc!important;padding:8px 12px!important;font-size:.67rem!important;font-weight:900;white-space:nowrap}
.v4-feedback-directory .feedback-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.v4-feedback-directory .feedback-card[hidden]{display:none!important}
.v4-feedback-directory .feedback-card{position:relative;min-width:0;display:flex;flex-direction:column;padding:20px;border:1px solid rgba(56,65,123,.09);border-radius:26px;background:#fff;box-shadow:0 13px 34px rgba(39,46,108,.065);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.v4-feedback-directory .feedback-card::before{height:0}.v4-feedback-directory .feedback-card:hover{transform:translateY(-5px);border-color:rgba(105,113,214,.19);box-shadow:0 24px 50px rgba(39,46,108,.12)}
.v4-feedback-directory .feedback-card-head{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:12px;align-items:center}.v4-feedback-directory .feedback-entity-avatar{width:62px;height:62px;object-fit:cover;border-radius:19px;border:1px solid rgba(56,65,123,.09)}.v4-feedback-directory .feedback-entity-title h3{margin:0 0 3px;font-size:.94rem}.v4-feedback-directory .feedback-entity-title p{margin:0;color:#8289a1;font-size:.68rem}.v4-feedback-directory .feedback-verified{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#626bd4!important;color:#fff!important;box-shadow:0 6px 14px rgba(98,107,212,.20)}.v4-feedback-directory .feedback-verified svg{width:14px;height:14px}
.v4-feedback-directory .feedback-rating-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 13px;padding:12px 13px;border-radius:16px;background:#f7f8fc}.v4-feedback-directory .feedback-stars{color:#e4a71e;font-size:.86rem}.v4-feedback-directory .feedback-rating-row strong{font-size:.78rem}.v4-feedback-directory .feedback-rating-row small{color:#8389a0;font-size:.64rem}
.v4-feedback-directory .feedback-quote{position:relative;flex:1;display:grid;gap:7px;padding:16px;border:1px solid rgba(56,65,123,.07);border-radius:18px;background:#f7f8fc;color:#616981;font-size:.74rem;line-height:1.9}.v4-feedback-directory .feedback-quote::before{content:"“";position:absolute;top:-4px;right:8px;color:rgba(103,111,211,.16);font-size:3rem;line-height:1;font-family:serif}.v4-feedback-directory .feedback-quote-title{color:#252a49;font-size:.8rem}
.v4-feedback-directory .feedback-reviewer{display:flex;align-items:center;gap:10px;margin-top:15px;padding-top:14px;border-top:1px solid rgba(56,65,123,.08)}.v4-feedback-directory .feedback-reviewer-avatar{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:#ebedff;color:#5f68cf;font-size:.66rem;font-weight:900}.v4-feedback-directory .feedback-reviewer strong{display:block;font-size:.7rem}.v4-feedback-directory .feedback-reviewer span{display:block;margin-top:2px;color:#858ca4;font-size:.61rem}
.v4-feedback-directory .feedback-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.v4-feedback-directory .feedback-tag{padding:6px 9px;border-radius:999px;background:#edf0ff;color:#5b65cb;font-size:.6rem;font-weight:850}.v4-feedback-directory .feedback-card-action{margin-top:15px}.v4-feedback-directory .feedback-card-action .button{width:100%;min-height:43px!important;border-radius:999px!important;background:#151936!important;color:#fff!important;border:0!important;font-size:.72rem!important;font-weight:900!important}.v4-feedback-directory .feedback-card-action .button:hover{background:#252b5c!important}
.v4-feedback-directory .feedback-real-shop-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}.v4-feedback-directory .feedback-real-shop-metrics span{display:grid;gap:3px;padding:10px;border:1px solid rgba(56,65,123,.08);border-radius:15px;background:#f8f9fc}.v4-feedback-directory .feedback-real-shop-metrics small{color:#858ca4;font-size:.59rem}.v4-feedback-directory .feedback-real-shop-metrics strong{font-size:.74rem;overflow:hidden;text-overflow:ellipsis}.v4-feedback-directory .feedback-real-account-row>div{display:grid;gap:3px}.v4-feedback-directory .feedback-real-account-row>strong{display:inline-flex;align-items:baseline;gap:5px}.v4-feedback-directory .feedback-real-account-row>strong small{font-size:.57rem;font-weight:700;color:#858ca4}
.v4-feedback-directory .feedback-empty{padding:54px 20px;text-align:center;border:1px dashed rgba(70,78,137,.18);border-radius:25px;background:#fff;color:#242946}.v4-feedback-directory .feedback-empty[hidden]{display:none}.v4-feedback-directory .feedback-empty strong{display:block;margin-bottom:6px}.v4-feedback-directory .feedback-empty span{color:#80879e;font-size:.74rem}

/* Editorial information + cross-link */
.v4-feedback-guidance{padding:0 0 90px;background:#eef0f7}.v4-feedback-guidance-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.v4-feedback-editorial{padding:34px;border-radius:32px;background:#fff;border:1px solid var(--v4-line);box-shadow:0 13px 34px rgba(39,46,108,.055)}.v4-feedback-editorial.dark{position:relative;overflow:hidden;background:linear-gradient(145deg,#11152f,#292d6d);color:#fff;border:0}.v4-feedback-editorial.dark::after{content:"";position:absolute;width:300px;height:300px;left:-130px;top:-150px;border-radius:50%;background:radial-gradient(circle,rgba(159,142,255,.34),transparent 68%)}
.v4-feedback-editorial .v4-feedback-section-kicker{display:block;margin-bottom:13px}.v4-feedback-editorial.dark .v4-feedback-section-kicker{color:#bac0ff}.v4-feedback-editorial h2{position:relative;z-index:1;margin:0 0 12px;font-size:clamp(1.7rem,2.5vw,2.55rem);letter-spacing:-.04em;line-height:1.1}.v4-feedback-editorial p{position:relative;z-index:1;margin:0;color:#747c98;font-size:.8rem;line-height:1.95}.v4-feedback-editorial.dark p{color:rgba(255,255,255,.61)}
.v4-feedback-points{display:grid;gap:9px;margin-top:22px}.v4-feedback-point{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border-radius:15px;background:#f6f7fb}.v4-feedback-point>span{width:26px;height:26px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:#e9ebff;color:#5e67d0;font-size:.68rem;font-weight:950}.v4-feedback-point strong{display:block;font-size:.72rem}.v4-feedback-point small{display:block;margin-top:2px;color:#7e859e;font-size:.62rem;line-height:1.6}
.v4-feedback-switch-card{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;gap:20px;margin-top:24px}.v4-feedback-switch-card .v4-btn{flex:0 0 auto}

/* Dark theme */
[data-theme="dark"] body.v4-page.v4-feedback-page{background:#0d1028!important}[data-theme="dark"] .v4-feedback-directory,[data-theme="dark"] .v4-feedback-guidance{background:#10142e}[data-theme="dark"] .v4-feedback-values-grid,[data-theme="dark"] .v4-feedback-directory .feedback-toolbar,[data-theme="dark"] .v4-feedback-directory .feedback-card,[data-theme="dark"] .v4-feedback-editorial,[data-theme="dark"] .v4-feedback-directory .feedback-empty{background:#171b3b;color:#f4f5ff;border-color:rgba(255,255,255,.08)}[data-theme="dark"] .v4-feedback-value,[data-theme="dark"] .v4-feedback-directory .feedback-input,[data-theme="dark"] .v4-feedback-directory .feedback-select,[data-theme="dark"] .v4-feedback-directory .feedback-rating-row,[data-theme="dark"] .v4-feedback-directory .feedback-quote,[data-theme="dark"] .v4-feedback-point,[data-theme="dark"] .v4-feedback-directory .feedback-real-shop-metrics span{background:#202548!important;color:#f4f5ff!important;border-color:rgba(255,255,255,.07)!important}[data-theme="dark"] .v4-feedback-directory .feedback-quote-title,[data-theme="dark"] .v4-feedback-directory .feedback-list-head h2,[data-theme="dark"] .v4-feedback-section-head h2,[data-theme="dark"] .v4-feedback-editorial h2{color:#f4f5ff}

@media(max-width:1080px){.v4-feedback-hero-grid{grid-template-columns:1fr .86fr;gap:30px}.v4-feedback-photo-stage{transform:scale(.88);transform-origin:center}.v4-feedback-directory .feedback-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.v4-feedback-hero{min-height:auto;padding:122px 0 78px}.v4-feedback-hero-grid{grid-template-columns:1fr}.v4-feedback-copy{max-width:760px}.v4-feedback-art{min-height:330px}.v4-feedback-photo-stage{transform:scale(.82);height:330px}.v4-feedback-values{margin-top:-24px}.v4-feedback-values-grid{grid-template-columns:1fr 1fr}.v4-feedback-values-grid .v4-feedback-value:last-child{grid-column:1/-1}.v4-feedback-directory .feedback-toolbar{position:static;grid-template-columns:1fr 1fr}.v4-feedback-directory .feedback-search{grid-column:1/-1}body.v4-page.v4-feedback-page[data-feedback-type="shops"] .feedback-toolbar{grid-template-columns:1fr 1fr!important}.v4-feedback-guidance-grid{grid-template-columns:1fr}}
@media(max-width:620px){.v4-feedback-hero{padding:102px 0 62px}.v4-feedback-hero h1{font-size:2.75rem}.v4-feedback-lead{font-size:.82rem;line-height:1.9}.v4-feedback-actions{display:grid;grid-template-columns:1fr}.v4-feedback-actions .v4-btn{width:100%}.v4-feedback-trust{gap:6px}.v4-feedback-art{min-height:245px}.v4-feedback-photo-stage{width:360px;height:265px;transform:scale(.68);transform-origin:center}.v4-feedback-values-grid{grid-template-columns:1fr;padding:10px;border-radius:23px}.v4-feedback-values-grid .v4-feedback-value:last-child{grid-column:auto}.v4-feedback-directory{padding:68px 0 70px}.v4-feedback-section-head{align-items:flex-start;flex-direction:column}.v4-feedback-directory .feedback-toolbar,body.v4-page.v4-feedback-page[data-feedback-type="shops"] .feedback-toolbar{grid-template-columns:1fr!important}.v4-feedback-directory .feedback-search{grid-column:auto}.v4-feedback-directory .feedback-grid{grid-template-columns:1fr}.v4-feedback-guidance{padding-bottom:68px}.v4-feedback-editorial{padding:24px;border-radius:25px}.v4-feedback-switch-card{align-items:stretch;flex-direction:column}.v4-feedback-switch-card .v4-btn{width:100%}.v4-feedback-directory .feedback-list-head{align-items:flex-start}.v4-feedback-directory .feedback-real-shop-metrics{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:390px){.v4-feedback-photo-stage{transform:scale(.61)}.v4-feedback-hero h1{font-size:2.45rem}.v4-feedback-value{padding:12px}.v4-feedback-directory .feedback-real-shop-metrics{grid-template-columns:1fr}}