/* ===== Theme E · 피드형 ===== */
.theme-e{--line:#efefef;--bg-soft:#fafafa;--radius:14px;background:#fff}
.e-wrap{max-width:960px;margin:0 auto;padding:0 20px}
.e-top{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.e-top-in{display:flex;align-items:center;gap:18px;height:62px}
.e-top .logo-text{font-size:22px}
.e-nav{flex:1}
.e-nav ul{display:flex;gap:2px;justify-content:center}
.e-nav a{display:block;padding:7px 11px;border-radius:999px;font-size:14.5px;font-weight:600;color:#444}
.e-nav li.is-active a,.e-nav a:hover{background:#f3f3f3;color:#111}
.e-chip{padding:8px 16px;border-radius:999px;background:var(--accent);color:#fff;font-weight:700;font-size:14px;white-space:nowrap}
.e-profile{padding:44px 0 8px}
.e-prof-grid{display:grid;grid-template-columns:150px 1fr;gap:56px;align-items:start}
.e-avatar{width:150px;height:150px;border-radius:50%;padding:4px;background:conic-gradient(from 210deg,var(--accent),#f2b45a,var(--accent))}
.e-avatar span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:#2f2a26;color:#fff;font-size:38px;font-weight:800;border:4px solid #fff}
.e-prof-name{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.e-prof-name h1{font-size:24px;font-weight:700;margin-right:10px}
.e-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;border-radius:10px;background:#efefef;font-weight:700;font-size:14px;color:#111;transition:.15s}
.e-btn:hover{background:#e3e3e3}
.e-btn.is-accent{background:var(--accent);color:#fff}
.e-btn.is-accent:hover{filter:brightness(1.06)}
.e-btn.is-lg{height:48px;padding:0 26px;font-size:16px;border-radius:12px}
.e-counts{display:flex;flex-wrap:wrap;gap:8px 28px;margin:20px 0 16px;font-size:15px;color:#444}
.e-counts b{color:#111}
.e-bio b{display:block;font-size:15px}
.e-bio p{font-size:15px;line-height:1.7;color:#333;margin-top:2px}
.e-addr{color:#8a8a8a!important;font-size:13.5px!important}
.e-profile .sns-links a{width:32px;height:32px;color:#333}
.e-highlights{display:flex;gap:22px;overflow-x:auto;padding:30px 0 22px;scrollbar-width:none}
.e-highlights::-webkit-scrollbar{display:none}
.e-highlights a{display:grid;justify-items:center;gap:8px;min-width:76px}
.e-ring{display:block;width:76px;height:76px;border-radius:50%;padding:3px;border:1px solid #dbdbdb;overflow:hidden;background:#fff}
.e-ring img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.e-ring.is-text{display:flex;align-items:center;justify-content:center;background:#fafafa}
.e-ring.is-text b{font-size:26px;color:var(--accent)}
.e-highlights small{font-size:12.5px;font-weight:600;color:#333;white-space:nowrap}
.e-feed-sec{border-top:1px solid #dbdbdb}
.e-tabs{display:flex;justify-content:center;gap:48px;font-size:13px;font-weight:700;letter-spacing:.08em}
.e-tabs span,.e-tabs a{padding:14px 0;color:#8a8a8a;border-top:1px solid transparent;margin-top:-1px}
.e-tabs .is-on{color:#111;border-top-color:#111}
.e-feed{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.e-tile{position:relative;aspect-ratio:1;overflow:hidden;background:#f2f2f2;display:block}
.e-tile img{width:100%;height:100%;object-fit:cover}
.e-badge{position:absolute;right:8px;top:8px;background:rgba(0,0,0,.55);color:#fff;font-size:10px;font-weight:800;padding:3px 6px;border-radius:6px}
.e-hover{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;padding:14px;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.65));color:#fff;opacity:0;transition:opacity .25s}
.e-tile:hover .e-hover,.e-tile:focus-visible .e-hover{opacity:1}
.e-hover b{font-size:14px;line-height:1.4}.e-hover small{font-size:12px;opacity:.85}
.e-center{text-align:center;margin-top:22px}
.e-sec{padding:64px 0}
.e-h{font-size:22px;font-weight:800;margin-bottom:20px}
.e-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.e-card{display:grid;gap:4px;padding:10px 10px 16px;border-radius:16px;background:#fafafa;border:1px solid var(--line)}
.e-card img{aspect-ratio:1;object-fit:cover;border-radius:12px;margin-bottom:8px}
.e-card b{font-size:16px}.e-card small{color:#777;font-size:13px;line-height:1.55}
.e-chat{display:grid;gap:12px;max-width:640px;margin:0 auto}
.e-bubble{justify-self:start;max-width:84%;padding:14px 18px;border-radius:20px 20px 20px 6px;background:#f1f1f1;color:#111}
.e-bubble.is-me{justify-self:end;border-radius:20px 20px 6px 20px;background:var(--accent);color:#fff}
.e-bubble small{display:flex;gap:6px;align-items:center;font-size:12px;opacity:.75;margin-bottom:4px}
.e-bubble.is-me .stars .on{color:#fff}.e-bubble.is-me .stars i{color:rgba(255,255,255,.4)}
.e-bubble p{font-size:15px;line-height:1.6}
.e-swipe{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,30%);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
.e-step{scroll-snap-align:start;display:grid;gap:6px;align-content:start;padding:20px;border-radius:18px;border:1px solid var(--line);background:#fff;min-height:180px}
.e-step em{font-style:normal;width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}
.e-step b{font-size:17px;margin-top:6px}.e-step small{color:#666;font-size:13.5px;line-height:1.6}
.e-quote-card{padding:40px 32px;border-radius:24px;background:#2f2a26;color:#fff;text-align:center}
.e-quote-card h2{font-size:clamp(22px,3vw,30px);font-weight:800}
.e-quote-card p{margin:12px 0 24px;opacity:.85;line-height:1.7}
.e-news li a{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}
.e-news time{color:#999}
.e-foot{background:#fafafa;border-top:1px solid var(--line);padding:40px 0 48px;font-size:13.5px;color:#777}
.e-foot .ci p{margin:8px 0;display:flex;flex-wrap:wrap;gap:4px 14px}
.e-sub{padding:36px 0 8px}
.e-sub h1{font-size:26px;font-weight:800}
.e-sub p{color:#777;margin-top:6px}
.theme-e .container{max-width:960px;padding:0 20px}
.theme-e .page-body{padding:28px 0 90px}
.theme-e .subnav{background:#fff;border:0}
.theme-e .subnav ul{gap:8px}
.theme-e .subnav a{border-radius:999px;background:#f3f3f3;padding:8px 14px}
.theme-e .subnav a.is-on{background:#111;color:#fff}
.theme-e .case-grid{grid-template-columns:repeat(3,1fr);gap:4px}
.theme-e .case-card .cc-thumb{aspect-ratio:1}
.theme-e .case-card .cc-body{padding:8px 4px 14px}
.theme-e .case-card .cc-body h3{font-size:14.5px}
.theme-e .review-card,.theme-e .case-spec,.theme-e .gallery-main,.theme-e .compare,.theme-e .related-case{border-radius:18px;overflow:hidden}
.theme-e .btn{border-radius:12px}
.theme-e .input,.theme-e .select,.theme-e .textarea{border-radius:12px}
.e-tabbar{display:none}
@media (min-width:961px){.theme-e .menu-toggle{display:none}}
@media (max-width:960px){.e-nav,.e-chip{display:none}.theme-e .menu-toggle{display:block;margin-left:auto}.e-cards{grid-template-columns:1fr 1fr}}
@media (max-width:720px){
  .e-prof-grid{grid-template-columns:86px 1fr;gap:20px}
  .e-avatar{width:86px;height:86px}.e-avatar span{font-size:24px;border-width:3px}
  .e-prof-name h1{font-size:19px;width:100%}
  .e-counts{gap:6px 16px;font-size:13.5px;margin:12px 0}
  .e-bio{grid-column:1/-1}
  .e-ring{width:64px;height:64px}.e-highlights a{min-width:64px}.e-highlights{gap:14px}
  .e-feed,.theme-e .case-grid{gap:2px}
  .e-swipe{grid-auto-columns:76%}
  .has-tabbar .e-tabbar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:80;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-top:1px solid #e6e6e6;padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  .e-tabbar a{display:grid;justify-items:center;gap:2px;font-size:10.5px;font-weight:600;color:#555;padding:4px 0}
  .e-tabbar svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
  .e-tabbar a.is-on{color:#111}
  .e-tabbar a.e-tab-cta{color:var(--accent)}
  .has-tabbar{padding-bottom:70px}
  .has-tabbar .floating{display:none}
}