/*
	Scan WP blog, v2 design (SEO Hub #19637). Same tokens as public/css/v2.css on
	the Laravel side. Loaded after style.css and Bootstrap 4, everything scoped to
	body.v2b (added in functions.php), so it restyles the existing templates and
	widgets without touching their markup or text.
*/

body.v2b {
	--bg: #F7F8FA; --card: #FFFFFF; --ink: #1B2330; --body: #3B4453; --muted: #566070;
	--line: #E2E5EA; --line-strong: #C9CED6; --soft: #EEF0F3;
	--accent: #FF6A1A; --accent-text: #B8450B; --accent-hover: #8A3208;
	--peach: #FFF1E8; --peach-line: #FFD9C2;
	--font: 'Schibsted Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;
	background: var(--bg); color: var(--ink); font-family: var(--font); font-size: 16px; line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}
body.v2b h1, body.v2b h2, body.v2b h3, body.v2b h4, body.v2b h5, body.v2b h6 { font-family: var(--font); color: var(--ink); letter-spacing: -0.02em; }
body.v2b a { color: var(--accent-text); }
body.v2b a:hover { color: var(--accent-hover); }
body.v2b .container { max-width: 1280px; padding-left: 40px; padding-right: 40px; }
body.v2b .top-colors { display: none; }
body.v2b :focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
body.v2b .btn { font-family: var(--font); }

/* ---------- Top text banner ---------- */
body.v2b .headmsg { background: var(--ink); color: #FFFFFF; }
body.v2b .headmsg a { color: #FFFFFF; }

/* ---------- Header + WordPress menu (Menu 1, styled only) ---------- */
body.v2b nav.navbar { background: var(--card) !important; border-bottom: 1px solid var(--line); padding: 0; min-height: 72px; box-shadow: none; position: relative; z-index: 50; }
body.v2b nav.navbar > .container { min-height: 72px; flex-wrap: wrap; }
body.v2b .v2b-logo { display: inline-flex; align-items: center; gap: 10px; color: var(--ink) !important; font-weight: 800; font-size: 21px; letter-spacing: -0.02em; text-decoration: none; padding: 0; margin-right: 24px; }
body.v2b .v2b-logo svg { display: block; }
body.v2b .navbar-toggler { width: 44px; height: 44px; border: 1px solid #D3D7DE; border-radius: 10px; padding: 0; display: inline-flex; align-items: center; justify-content: center; }
body.v2b .navbar-nav { gap: 4px; align-items: center; }
body.v2b .navbar-nav > li > a, body.v2b .navbar-nav .nav-link {
	color: var(--ink) !important; font: 500 15px/1.2 var(--font) !important; text-transform: none !important; letter-spacing: 0 !important;
	padding: 12px 8px !important; border-radius: 8px; background: none !important;
}
body.v2b .navbar-nav > li > a:hover, body.v2b .navbar-nav .nav-link:hover,
body.v2b .navbar-nav > li.current-menu-item > a, body.v2b .navbar-nav > li.current-menu-ancestor > a { color: var(--accent-text) !important; }
body.v2b .navbar-nav .dropdown-toggle::after { border: 0; content: ""; width: 7px; height: 7px; margin-left: 6px; vertical-align: 2px; border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor; transform: rotate(45deg); }
body.v2b .navbar-nav .dropdown-menu {
	background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 6px; margin-top: 6px; min-width: 230px;
	box-shadow: 0 20px 40px -20px rgba(27, 35, 48, 0.3);
}
body.v2b .navbar-nav .dropdown-menu .dropdown-item, body.v2b .navbar-nav .dropdown-menu a {
	color: var(--ink) !important; font: 500 15px var(--font) !important; text-transform: none !important; padding: 10px 12px !important; border-radius: 8px; background: none !important; white-space: nowrap;
}
body.v2b .navbar-nav .dropdown-menu a:hover { background: var(--peach) !important; color: var(--ink) !important; }

/* "Building a WordPress Site?" bar */
body.v2b .v2b-navad { background: var(--peach); border-bottom: 1px solid var(--peach-line); }
body.v2b .v2b-navad .container { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 22px; min-height: 48px; font-size: 14px; }
body.v2b .v2b-navad .ttl1 { font-weight: 800; color: var(--ink); }
body.v2b .v2b-navad .ttl2 { color: var(--muted); }
body.v2b .v2b-navad a { color: var(--ink); font-weight: 600; text-decoration: none; }
body.v2b .v2b-navad a:hover { color: var(--accent-text); }
body.v2b .v2b-navad .ad-btn { margin-left: auto; color: var(--accent-text); }

/* breadcrumb + search row */
body.v2b .pre-post { background: var(--bg); padding: 16px 0; border: 0; }
body.v2b .pre-post-container { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
body.v2b .breadcrumbs, body.v2b #breadcrumbs { margin: 0; font-size: 14px; color: var(--muted); }
body.v2b #breadcrumbs a { color: var(--muted); }
body.v2b #breadcrumbs a:hover { color: var(--accent-text); }
body.v2b .pre-post .social { display: none; }
body.v2b .searchform { display: flex; gap: 4px; background: var(--card); border: 1.5px solid var(--line-strong); border-radius: 12px; padding: 4px; }
body.v2b .searchform:focus-within { border-color: var(--ink); box-shadow: 0 0 0 4px var(--peach-line); }
body.v2b .searchform input[type=text], body.v2b .searchform input[type=search], body.v2b .searchform #sr, body.v2b .searchform #s {
	border: 0 !important; outline: none; box-shadow: none !important; background: transparent; font: 400 15px var(--font); padding: 8px 10px; min-width: 0; flex: 1; height: auto;
}
body.v2b .searchform button { border: 0 !important; border-radius: 9px !important; background: var(--ink) !important; color: #FFFFFF !important; min-width: 40px; min-height: 40px; font: 700 14px var(--font); padding: 0 12px; }
body.v2b .searchform button i { color: #FFFFFF; }

/* ---------- Blog home ---------- */
body.v2b .section1 { background: transparent; padding: 36px 0 12px; text-align: left; }
body.v2b .section1 h1 { font-size: 64px; line-height: 1.02; letter-spacing: -0.04em; font-weight: 800; margin: 0 0 20px; text-transform: none; color: var(--ink); }
body.v2b .section1 .hero-sub { font-size: 15px; font-weight: 700; color: var(--accent-text); letter-spacing: 0; text-transform: none; margin: 0 0 10px; }
body.v2b .section1 .hero-ad { background: var(--card); border: 1px solid var(--line); border-radius: 20px; padding: 24px 28px; max-width: 760px; }
body.v2b .section1 .hero-ad h4, body.v2b .section1 .hero-ad h3 { margin: 0; font-size: 28px; font-weight: 800; }
body.v2b .section1 .hero-ad a { color: var(--ink); text-decoration: none; }
body.v2b .section1 .hero-ad a:hover { color: var(--accent-text); }
body.v2b .home-icons { padding: 20px 0 48px; background: transparent; }
body.v2b .home-icons .container { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 12px; }
body.v2b .home-icons .eachicon {
	display: flex; flex-direction: column; gap: 18px; justify-content: space-between; min-height: 130px;
	background: var(--card); border: 1px solid var(--line); border-radius: 18px; padding: 22px; color: var(--ink); text-decoration: none; text-align: left;
}
body.v2b .home-icons .eachicon:hover { border-color: #FFC7A6; }
body.v2b .home-icons .eachicon:last-child { background: var(--peach); border-color: var(--peach-line); }
body.v2b .home-icons .eachicon i { width: 44px; height: 44px; border-radius: 12px; background: var(--peach-line); display: flex; align-items: center; justify-content: center; font-size: 18px; color: var(--ink); }
body.v2b .home-icons .eachicon:last-child i { background: var(--accent); }
body.v2b .home-icons .icon-title { margin: 0; font-size: 21px; font-weight: 800; text-transform: none; color: var(--ink); }
body.v2b .theme-section { background: var(--card); border-top: 1px solid var(--line); padding: 56px 0; }
body.v2b .theme-section:nth-of-type(even) { background: var(--bg); }
body.v2b .theme-section > .container > i { display: none; }
body.v2b .theme-section .home-subtitle { display: inline-block; margin: 0 0 24px; font-size: 34px; font-weight: 800; letter-spacing: -0.03em; text-transform: none; }
body.v2b .theme-section .item-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 270px), 1fr)); gap: 20px; }
body.v2b .theme-section .cat-btn { margin-top: 24px; text-align: left; }
body.v2b .theme-section .cat-btn a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border-radius: 11px; border: 1.5px solid var(--ink); color: var(--ink); font-weight: 700; text-decoration: none; background: transparent; }
body.v2b .theme-section .cat-btn a:hover { background: var(--ink); color: #FFFFFF; }

/* post cards (home sections, archives, search) */
body.v2b .item-container > a, body.v2b .each-loop-archive > a { color: var(--ink); text-decoration: none; display: block; }
body.v2b .each-loop-item { background: var(--card); border: 1px solid var(--line); border-radius: 18px; padding: 12px 12px 16px; height: 100%; display: flex; flex-direction: column; gap: 12px; box-shadow: none; margin: 0; }
body.v2b .theme-section:nth-of-type(odd) .each-loop-item { background: var(--bg); }
body.v2b .each-loop-item:hover, body.v2b .item-container a .each-loop-item:hover { border-color: #FFC7A6; background: var(--card); transition: border-color .15s; }
body.v2b .theme-section:nth-of-type(odd) .item-container a .each-loop-item:hover { background: var(--bg); }
body.v2b .item-container a .each-loop-item:hover p { color: var(--muted); }
body.v2b .item-container a .each-loop-item:hover img { filter: none; -webkit-filter: none; }
body.v2b .each-loop-item img { width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 12px; background: var(--soft); display: block; margin: 0; }
body.v2b .loop-item-title, body.v2b .each-loop-item > div { padding: 0 6px; }
body.v2b .each-loop-item h3, body.v2b .loop-item-title h3 { font-size: 18px; line-height: 1.3; font-weight: 800; margin: 0 0 6px; text-transform: none; color: var(--ink); }
body.v2b .each-loop-item:hover h3, body.v2b .item-container a .each-loop-item:hover h3 { color: var(--accent-text); }
body.v2b .each-loop-item p { font-size: 14px; line-height: 1.6; color: var(--muted); margin: 0; }

/* ---------- Archives (category, CPT archives, search) ---------- */
body.v2b header > .container.col-md-8, body.v2b .archive-header { max-width: 1280px; padding-top: 24px; }
body.v2b .archive-title, body.v2b .page-title { font-size: 60px; line-height: 1.02; letter-spacing: -0.04em; font-weight: 800; margin: 0 0 12px; text-transform: none; color: var(--ink); }
body.v2b .archive-description { font-size: 18px; line-height: 1.7; color: var(--body); max-width: 860px; }
body.v2b .archive-container { padding-top: 24px; padding-bottom: 72px; }
body.v2b .archive-container > .row { display: flex; flex-wrap: wrap; gap: 24px; margin: 0; }
body.v2b .archive-nav { flex: 0 0 100%; max-width: 100%; padding: 0; }
body.v2b .archive-nav ul { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
body.v2b .archive-nav li a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px; border-radius: 999px; background: var(--card); border: 1px solid var(--line); color: var(--ink); font-size: 14px; font-weight: 600; text-decoration: none; }
body.v2b .archive-nav li a:hover, body.v2b .archive-nav li.current-cat a { background: var(--peach); border-color: var(--peach-line); color: var(--ink); }
body.v2b .wide-search { flex: 0 0 100%; max-width: 520px; }
body.v2b .wide-search .searchgrid { display: flex; gap: 4px; width: 100%; }
body.v2b main.item-container { flex: 0 0 100%; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 24px; padding: 0; }
body.v2b .each-loop-archive { width: auto; max-width: none; padding: 0; margin: 0; }
body.v2b .pagination, body.v2b .navigation .nav-links { display: flex; gap: 6px; align-items: center; justify-content: flex-start; margin-top: 16px; }
body.v2b .page-numbers { min-width: 44px; height: 44px; border-radius: 12px; background: var(--card); border: 1px solid var(--line); color: var(--ink); display: inline-flex; align-items: center; justify-content: center; font-weight: 700; text-decoration: none; padding: 0 12px; }
body.v2b .page-numbers.current { background: var(--ink); border-color: var(--ink); color: #FFFFFF; }
body.v2b .page-numbers.dots { background: none; border: 0; }

/* glossary archive */
body.v2b .glossary-letters-container { background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 8px; margin: 8px 0 24px; }
body.v2b .glossary-letters { display: flex; flex-wrap: wrap; gap: 4px; }
body.v2b .glossary-letters a, body.v2b .glossary-letters span { min-width: 40px; height: 40px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; font: 600 15px var(--mono); color: var(--ink); text-decoration: none; }
body.v2b .glossary-letters a:hover { background: var(--peach); }
body.v2b .letter-row { background: var(--card); border: 1px solid var(--line); border-radius: 18px; padding: 18px; margin-bottom: 16px; }
body.v2b .letter-row .letter { width: 40px; height: 40px; border-radius: 11px; background: var(--accent); display: inline-flex; align-items: center; justify-content: center; font: 700 18px var(--mono); color: var(--ink); text-transform: lowercase; margin-bottom: 10px; }
body.v2b .glossary_items { display: flex; flex-wrap: wrap; gap: 6px; }
body.v2b .glossary_items a { display: inline-flex; align-items: center; min-height: 36px; padding: 0 12px; border: 1px solid var(--line); border-radius: 10px; font-size: 14px; font-weight: 600; color: var(--ink); text-decoration: none; }
body.v2b .glossary_items a:hover { border-color: #FFC7A6; color: var(--accent-text); }

/* ---------- Single posts, pages, reviews: layout ---------- */
body.v2b .post-container { padding-top: 24px; padding-bottom: 80px; }
body.v2b .post-container > .row { margin: 0; display: flex; flex-wrap: wrap; gap: 48px; }
body.v2b .post-container main.col-md-8, body.v2b .post-container main { flex: 999 1 640px; max-width: none; min-width: 0; padding: 0; }
body.v2b .post-container aside.sidebar { flex: 1 1 320px; max-width: none; min-width: 0; padding: 0; }
body.v2b .post-container main > img.wp-post-image, body.v2b .post-container article > img.wp-post-image { width: 100%; height: auto; border-radius: 20px; border: 1px solid var(--line); margin: 0 0 24px; }
body.v2b .post-container h1 { font-size: 52px; line-height: 1.04; letter-spacing: -0.035em; font-weight: 800; margin: 0 0 14px; text-transform: none; color: var(--ink); }
body.v2b .last-modified { font: 400 13px var(--mono); color: var(--muted); margin: 0 0 16px; }
body.v2b .categories { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 18px; }
body.v2b .categories a { font: 600 12px var(--mono); text-transform: uppercase; letter-spacing: 0.06em; background: var(--peach); border: 1px solid var(--peach-line); border-radius: 999px; padding: 6px 12px; color: var(--accent-text); text-decoration: none; }
body.v2b .post-banner { margin: 0 0 24px 28px; }
@media (max-width: 767px) { body.v2b .post-banner { margin: 0 0 24px; } }
body.v2b .post-banner img { border-radius: 14px; max-width: 100%; height: auto; }

/* body text */
body.v2b .post-container main, body.v2b .entry-content { font-size: 18px; line-height: 1.75; color: var(--body); }
body.v2b .post-container main p { margin: 0 0 16px; }
body.v2b .post-container main h2 { font-size: 32px; line-height: 1.15; letter-spacing: -0.025em; font-weight: 800; margin: 36px 0 14px; text-transform: none; color: var(--ink); }
body.v2b .post-container main h3 { font-size: 24px; line-height: 1.2; font-weight: 800; margin: 30px 0 12px; text-transform: none; color: var(--ink); }
body.v2b .post-container main h4 { font-size: 20px; font-weight: 800; margin: 26px 0 10px; text-transform: none; color: var(--ink); }
body.v2b .post-container main ul, body.v2b .post-container main ol { padding-left: 22px; margin: 0 0 16px; }
body.v2b .post-container main li { margin-bottom: 8px; }
body.v2b .post-container main img { max-width: 100%; height: auto; border-radius: 12px; }
body.v2b .post-container main blockquote { margin: 0 0 20px; padding: 16px 20px; background: var(--peach); border: 1px solid var(--peach-line); border-radius: 14px; color: var(--ink); }
body.v2b .post-container main code { font-family: var(--mono); font-size: 0.88em; background: var(--peach); border: 1px solid var(--peach-line); border-radius: 6px; padding: 1px 6px; color: var(--ink); }
body.v2b .post-container main pre, body.v2b pre.EnlighterJSRAW { background: var(--ink) !important; color: #E9ECEF !important; border-radius: 14px; padding: 18px 20px; overflow-x: auto; font: 400 14px/1.65 var(--mono) !important; border: 0; margin: 0 0 20px; white-space: pre; }
body.v2b .post-container main pre code { background: none; border: 0; padding: 0; color: inherit; }
body.v2b .post-container main table { width: 100%; border-collapse: separate; border-spacing: 0; background: var(--card); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; margin: 0 0 24px; font-size: 16px; }
body.v2b .post-container main table th { background: var(--bg); color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: 0.06em; padding: 12px 16px; border: 0; }
body.v2b .post-container main table td { padding: 12px 16px; border: 0; border-top: 1px solid var(--soft); vertical-align: middle; }
body.v2b .post-container main table tr:hover td { background: #FFF8F3; }

/* "Show More" (offer gate) */
body.v2b .readmore-container { background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 22px 18px; margin: 8px 0 24px !important; display: flex; flex-direction: column; align-items: center; gap: 10px; }
body.v2b .readmore-container br { display: none; }
body.v2b .readmore-container small { color: var(--muted); font-size: 13px; }
body.v2b .readmore-container.showmore_hidden, body.v2b .showmore_hidden { display: none !important; }
body.v2b #showmore_btn i { margin-left: 8px; }
body.v2b .readmore, body.v2b #showmore_btn { background: var(--accent) !important; color: var(--ink) !important; border: 0 !important; border-radius: 12px !important; min-height: 48px; padding: 0 28px !important; font: 800 16px var(--font) !important; display: inline-flex; align-items: center; text-transform: none; box-shadow: none !important; }

/* list items (repeater) */
body.v2b .reviews-container { display: flex; flex-direction: column; gap: 20px; }
body.v2b .each-review { background: var(--card); border: 1px solid var(--line); border-radius: 22px; padding: 22px 24px; margin: 0; box-shadow: none; }
body.v2b .review-title { font-size: 28px !important; letter-spacing: -0.025em; font-weight: 800; margin: 0 0 16px !important; display: flex; align-items: center; gap: 12px; }
body.v2b .review-image img, body.v2b .each-review img { border-radius: 14px; }
body.v2b .review-text { font-size: 17px; line-height: 1.75; color: var(--body); }
/* Buttons row: the col-md-* wrappers become plain flex items; only the buttons are styled. */
body.v2b .review-btns.row { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0 0 !important; }
body.v2b .review-btns > div { flex: 0 0 auto !important; max-width: none !important; width: auto !important; padding: 0 !important; margin: 0 !important; background: none !important; border: 0 !important; }
body.v2b .review-btns .btn { display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 0 20px !important; margin: 0 !important; border-radius: 11px !important; font: 700 15px var(--font) !important; text-transform: none !important; box-shadow: none !important; width: auto !important; white-space: nowrap; transition: background-color .15s, border-color .15s; }
body.v2b .review-btn .btn { background: var(--accent) !important; color: var(--ink) !important; border: 0 !important; font-weight: 800 !important; }
body.v2b .review-btn .btn:hover { background: #F25A08 !important; }
body.v2b .review-2ndbtn .btn { background: var(--card) !important; color: var(--ink) !important; border: 1.5px solid var(--ink) !important; }
body.v2b .review-2ndbtn .btn:hover { background: var(--peach) !important; }
body.v2b .review-3rdbtn .btn { width: 46px !important; padding: 0 !important; background: var(--card) !important; color: var(--ink) !important; border: 1.5px solid var(--line-strong) !important; cursor: pointer; }
body.v2b .review-3rdbtn .btn:hover { border-color: var(--accent) !important; color: var(--accent-text) !important; background: var(--peach) !important; }
body.v2b .review-btns .btn.disabled { opacity: .5; pointer-events: none; }

/* Free / Premium / All filter: segmented control */
body.v2b #filter { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; padding: 0 !important; margin: 0; max-width: none; flex: none; }
body.v2b #filter h3 { margin: 0 !important; font-size: 18px; font-weight: 800; text-align: left !important; }
body.v2b #filter .row { display: flex; gap: 4px; margin: 0 !important; background: var(--soft); border-radius: 12px; padding: 4px; }
body.v2b #filter .row > div { flex: 0 0 auto !important; max-width: none !important; width: auto !important; padding: 0 !important; }
body.v2b #filter .btn { display: inline-flex !important; align-items: center; min-height: 40px; width: auto !important; max-width: none !important; flex: none !important; padding: 0 16px !important; margin: 0 !important; border: 0 !important; border-radius: 9px !important; background: transparent !important; color: var(--ink) !important; font: 700 14px var(--font) !important; box-shadow: none !important; }
body.v2b #filter .btn:hover { background: rgba(255,255,255,.6) !important; }
body.v2b #filter .btn.is-active { background: var(--card) !important; box-shadow: 0 1px 3px rgba(27,35,48,.15) !important; }
body.v2b .conclusion { background: var(--card); border: 1px solid var(--line); border-radius: 22px; padding: 22px 24px; }

/* contents box */
body.v2b .tableof-contents { background: var(--card); border: 1px solid var(--line); border-radius: 20px; padding: 20px; max-width: none; flex: none; box-shadow: none; margin: 0 !important; width: 100%; }
body.v2b .tableof-contents .contents-title { display: flex; justify-content: space-between; align-items: center; font-weight: 800; font-size: 16px !important; text-align: left !important; color: var(--ink); margin-bottom: 10px; }
body.v2b .tableof-contents .contents-title span { color: var(--accent-text); font-size: 13px; font-weight: 700; }
body.v2b .tableof-contents ul, body.v2b #contents-list { list-style: none; padding: 0 !important; margin: 0; display: flex; flex-direction: column; gap: 2px; }
body.v2b .tableof-contents li, body.v2b #contents-list li { margin: 0; display: block; }
body.v2b .tableof-contents li::before, body.v2b #contents-list li::before { content: none !important; display: none !important; }
body.v2b .tableof-contents li a { display: block; padding: 5px 8px; border-radius: 8px; color: var(--ink); font-size: 14px; font-weight: 600; text-decoration: none; }
body.v2b .tableof-contents li a:hover { background: var(--peach); }

/* related posts, offers, share, save-for-later */
body.v2b .relatedinpost-container { border-top: 1px solid #DCE0E6; padding-top: 32px; margin-top: 32px; }
body.v2b .relatedinpost-container > h3 { margin-top: 0; }
body.v2b .relatedinpost, body.v2b .relatedcontainer { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); gap: 16px; }
body.v2b .relatedcontainer a, body.v2b .relatedcontent { color: var(--ink); text-decoration: none; font-size: 15px; font-weight: 700; line-height: 1.35; }
body.v2b .relatedthumb img, body.v2b .second-thumb img { width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 12px; border: 1px solid var(--line); }
body.v2b .section-title, body.v2b .sharepost-title { text-align: left !important; font-size: 20px; font-weight: 800; margin: 28px 0 14px; text-transform: none; color: var(--ink); }
body.v2b .offers-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 160px), 1fr)); gap: 12px; }
body.v2b .offers-container a { color: var(--ink); text-decoration: none; font-size: 13px; font-weight: 700; line-height: 1.35; }
body.v2b .offers-container img { width: 100%; height: auto; border-radius: 12px; border: 1px solid var(--line); background: var(--soft); }
body.v2b .sharepost-conteiner { display: flex; gap: 8px; flex-wrap: wrap; }
body.v2b .sharepost-conteiner a { width: 44px; height: 44px; border-radius: 12px; background: var(--card); border: 1px solid var(--line); display: inline-flex; align-items: center; justify-content: center; color: var(--ink); }
/* Save 4 Later: floating panel, bottom right (behaviour in custom.js unchanged) */
body.v2b .save4laterdiv { position: fixed; right: 20px; bottom: 20px; left: auto; z-index: 1000; background: none; border: 0; padding: 0; margin: 0; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
body.v2b .save4laterdiv > .clearfix, body.v2b .save4laterdiv .glyphicon { display: none; }
body.v2b #save4btn { order: 2; float: none; width: auto; display: none; align-items: center; gap: 8px; min-height: 46px; padding: 0 20px; border-radius: 999px; background: var(--accent); color: var(--ink); font: 800 15px var(--font); cursor: pointer; box-shadow: 0 12px 28px -10px rgba(27,35,48,.45); }
body.v2b #save4btn[style*="block"] { display: inline-flex !important; }
body.v2b .inner-save { order: 1; width: 380px; max-width: calc(100vw - 40px); background: var(--card); border: 1px solid var(--line); border-radius: 18px; padding: 18px; box-shadow: 0 24px 48px -20px rgba(27,35,48,.35); }
body.v2b .inner-save .link-container { max-height: 220px; overflow-y: auto; }
body.v2b .inner-save .save4row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0; padding: 10px 0; border-bottom: 1px solid var(--soft); }
body.v2b .inner-save .save4name { padding: 0; min-width: 0; }
body.v2b .inner-save .save4name a { color: var(--ink); font-size: 15px; font-weight: 700; text-decoration: none; }
body.v2b .inner-save .save4go a { display: inline-flex; align-items: center; min-height: 36px; padding: 0 16px; border-radius: 9px; background: var(--ink); color: #FFFFFF; font: 700 14px var(--font); width: auto; }
body.v2b .inner-save .save4go a:hover { background: #2C3646; color: #FFFFFF; }
body.v2b .inner-save .save4formtitle { font-size: 14px; font-weight: 700; color: var(--muted); text-align: left !important; margin: 14px 0 8px; }
body.v2b .inner-save .save4form form.wpcf7-form { display: flex; gap: 8px; align-items: stretch; }
body.v2b .inner-save .save4form form > p, body.v2b .inner-save .save4form .clearfix, body.v2b .inner-save .hiddenform { display: none; }
body.v2b .inner-save .save4email { flex: 1 1 auto; padding: 0 !important; max-width: none; width: auto; }
body.v2b .inner-save .save4email input { width: 100%; height: 46px; border: 1.5px solid var(--line-strong); border-radius: 10px; padding: 0 12px; font: 400 15px var(--font); background: var(--card); }
body.v2b .inner-save .save4email input:focus { border-color: var(--ink); box-shadow: 0 0 0 4px var(--peach-line); outline: none; }
body.v2b .inner-save .save4submit { flex: 0 0 auto; padding: 0 !important; max-width: none; width: auto; position: relative; }
body.v2b .inner-save .save4submit input { height: 46px; padding: 0 20px; border: 0 !important; border-radius: 10px !important; background: var(--ink) !important; color: #FFFFFF !important; font: 700 15px var(--font); }
body.v2b .inner-save .save4submit .ajax-loader { position: absolute; }
body.v2b .inner-save .wpcf7-response-output { margin: 10px 0 0 !important; font-size: 13px; border-radius: 8px; }
@media (max-width: 767px) { body.v2b .save4laterdiv { right: 12px; bottom: 12px; } body.v2b .inner-save { width: calc(100vw - 24px); } }

/* ---------- Sidebar widgets ---------- */
body.v2b .sidebar { display: flex; flex-direction: column; gap: 20px; }
body.v2b .sidebar .widget { background: var(--card); border: 1px solid var(--line); border-radius: 20px; padding: 20px; margin: 0; }
body.v2b .sidebar .widget_media_image { background: none; border: 0; padding: 0; }
body.v2b .sidebar .widget_media_image img { border-radius: 16px; width: 100%; height: auto; }
body.v2b .sidebar .ttl, body.v2b .sidebar .widget-title, body.v2b .sidebar h4 { font-size: 16px !important; font-weight: 800; margin: 0 0 12px !important; text-transform: none !important; color: var(--ink) !important; text-align: left !important; background: none !important; padding: 0 !important; }
body.v2b .sidebar .mc4wp-form, body.v2b .sidebar #text-4 { color: #FFFFFF; }
body.v2b .sidebar #text-4 { background: var(--ink); border-color: var(--ink); }
body.v2b .sidebar #text-4 * { color: #D3D7DE; }
body.v2b .sidebar #text-4 input[type=email], body.v2b .sidebar #text-4 input[type=text] { width: 100%; border: 0; border-radius: 10px; padding: 13px 14px; font: 400 15px var(--font); color: var(--ink); background: #FFFFFF; margin: 8px 0; }
body.v2b .sidebar #text-4 input[type=submit] { width: 100%; background: var(--accent) !important; color: var(--ink) !important; border: 0; border-radius: 10px; min-height: 46px; font: 800 15px var(--font); }
body.v2b .sidebar .sidebar-recent-container, body.v2b .sidebar .sidebar-recent > a { display: grid; grid-template-columns: 56px 1fr; gap: 12px; align-items: center; padding: 6px 0; color: var(--ink); font-size: 14px; font-weight: 600; line-height: 1.35; text-decoration: none; }
body.v2b .sidebar .sidebar-recent img { width: 56px; height: 56px; object-fit: cover; border-radius: 10px; }
body.v2b .sidebar .recommendations .textwidget { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
body.v2b .sidebar .recommendations img { width: 100%; height: auto; border-radius: 12px; border: 1px solid var(--line); }

/* ---------- Hosting reviews ---------- */
body.v2b .top-hosting-border { display: none; }
body.v2b .top-review-container { background: var(--card); border: 1px solid var(--line); border-radius: 24px; overflow: hidden; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); margin: 0 0 28px; box-shadow: none; }
body.v2b .top-review-left { background: var(--peach); border-right: 1px solid var(--peach-line); padding: 24px; display: flex; flex-direction: column; gap: 16px; justify-content: center; width: auto; float: none; }
body.v2b .review-logo { background: var(--card); border: 1px solid var(--peach-line); border-radius: 16px; padding: 16px; }
body.v2b .top-review-right { padding: 24px; width: auto; float: none; }
body.v2b .hosting-btn-inner a, body.v2b .hosting-big-btn, body.v2b .inner-rating-btn a {
	background: var(--accent) !important; color: var(--ink) !important; border: 0 !important; border-radius: 12px !important; min-height: 48px; display: inline-flex !important; align-items: center; justify-content: center; font: 800 16px var(--font) !important; text-transform: none !important; box-shadow: none !important;
}
body.v2b .rating-table-row { display: grid; grid-template-columns: 1fr auto; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--soft); font-size: 15px; }
body.v2b .rating-table-row:last-child { border-bottom: 0; }
body.v2b .max-rating { color: var(--muted); }
body.v2b .stars i, body.v2b .rating i { color: var(--accent); }
body.v2b #hosting-tabs { display: flex; gap: 4px; background: var(--soft); border-radius: 14px; padding: 4px; border: 0; margin: 24px 0; flex-wrap: wrap; }
body.v2b #hosting-tabs .nav-item { flex: 1 1 120px; margin: 0; }
body.v2b #hosting-tabs a { display: flex; align-items: center; justify-content: center; min-height: 46px; border: 0 !important; border-radius: 10px !important; color: var(--ink) !important; font-weight: 700; background: transparent; text-decoration: none; }
body.v2b #hosting-tabs .active a, body.v2b #hosting-tabs a.active { background: var(--card) !important; box-shadow: 0 1px 3px rgba(27, 35, 48, 0.15); }
body.v2b .inner-rating-left { background: var(--card); border: 1px solid var(--line); border-radius: 18px; padding: 18px; display: flex; flex-direction: column; gap: 8px; }
body.v2b .inner-rating-subject { font-size: 22px; font-weight: 800; }
body.v2b .inner-rating-price { font-size: 18px; font-weight: 800; }
/* Hosting features: one grid of check items, then the Start Hosting link */
body.v2b .review-bulletpoints { border-top: 1px solid var(--line); margin-top: 40px; padding: 32px 0 0 !important; clear: both; }
body.v2b .review-bulletpoints .hosting-section-title { padding: 0 !important; margin: 0 0 16px !important; max-width: none; flex: none; }
body.v2b .review-bulletpoints ul { list-style: none; padding: 0 !important; margin: 0 !important; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 10px; }
body.v2b .review-bulletpoints li { float: none !important; width: auto !important; clear: none !important; display: flex; gap: 10px; align-items: flex-start; background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px !important; font-size: 16px; line-height: 1.5; color: var(--ink); margin: 0; }
body.v2b .review-bulletpoints li::before { content: "" !important; flex: 0 0 20px; width: 20px; height: 20px; margin: 2px 0 0 !important; padding: 0 !important; border-radius: 50%; background: var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.5l2.6 2.6L14 7.6' fill='none' stroke='%231B2330' stroke-width='2'/%3E%3C/svg%3E") center / 20px no-repeat; font-family: inherit !important; }
body.v2b .review-bulletpoints ul.extra-bulletpoint { margin-top: 14px !important; display: flex; }
body.v2b .review-bulletpoints ul.extra-bulletpoint li { background: none; border: 0; padding: 0 !important; }
body.v2b .review-bulletpoints ul.extra-bulletpoint li::before { content: none !important; display: none; }
body.v2b .review-bulletpoints ul.extra-bulletpoint a { display: inline-flex; align-items: center; min-height: 48px; padding: 0 24px; border-radius: 12px; background: var(--accent); color: var(--ink) !important; font-weight: 800; text-decoration: none; }
body.v2b .review-bulletpoints ul.extra-bulletpoint a:hover { background: #F25A08; }
body.v2b .review-bulletpoints .clearfix { display: none; }
body.v2b .hosting-section-title { font-size: 28px !important; letter-spacing: -0.025em; font-weight: 800; padding: 0 !important; margin: 28px 0 14px !important; }
body.v2b .highlights { border-top: 1px solid var(--line); margin-top: 40px; padding: 32px 0 0 !important; }
body.v2b .highlights .hosting-section-title { padding: 0 !important; margin: 0 0 16px !important; max-width: none; flex: none; }
body.v2b .highlights .row { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr)); gap: 12px; margin: 0; }
body.v2b .highlight { background: var(--card); border: 1px solid var(--line) !important; border-radius: 16px; padding: 18px !important; max-width: none !important; width: auto !important; flex: none !important; text-align: left; display: flex; flex-direction: column; gap: 8px; justify-content: space-between; }
body.v2b .highlight:last-child { background: var(--peach); border-color: var(--peach-line) !important; }
body.v2b .highlight-title { font-size: 17px; font-weight: 800; color: var(--ink); }
body.v2b .highlight-info { font-size: 15px; color: var(--body); padding: 0; }
body.v2b .highlight-info a { color: var(--accent-text) !important; font-weight: 800; text-decoration: none; }
body.v2b .highlight-info a:hover { color: var(--accent-hover) !important; }
body.v2b .the-price { display: inline-flex; align-items: center; gap: 14px; background: var(--card); border: 1.5px solid var(--ink); border-radius: 14px; padding: 12px 18px; margin: 0 10px 10px 0; color: var(--ink); text-decoration: none; }
body.v2b .the-price-name { font-weight: 700; }
body.v2b .the-price-price { font-size: 22px; font-weight: 800; }

/* ---------- Recommend pages (best X for Y) ---------- */
body.v2b .rev-name { font-size: 28px; font-weight: 800; letter-spacing: -0.025em; }
body.v2b .recommend-pros, body.v2b .buyif { background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 16px; margin-bottom: 12px; }
body.v2b .buyif-title { font-weight: 800; }
body.v2b .accordion-section { border: 1px solid var(--line); border-radius: 14px; margin-bottom: 8px; overflow: hidden; background: var(--card); }
body.v2b .accordion-title { padding: 14px 16px; font-weight: 700; color: var(--ink); display: block; text-decoration: none; }
body.v2b .accordion-content { padding: 0 16px 16px; }

/* ---------- Shortcode boxes used inside posts ---------- */
body.v2b .highlights_list { background: var(--peach); border: 1px solid var(--peach-line); border-radius: 16px; padding: 18px 20px; }
body.v2b .highlights_list li::before, body.v2b .highlights_list i { color: var(--accent-text); }
body.v2b .highlight-box, body.v2b .highlight_box, body.v2b .shortcode-highlight { background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 18px 20px; }

/* ---------- Forms (Contact Form 7) ---------- */
body.v2b .wpcf7 input[type=text], body.v2b .wpcf7 input[type=email], body.v2b .wpcf7 textarea, body.v2b .wpcf7 .form-control {
	width: 100%; border: 1.5px solid var(--line-strong); border-radius: 12px; padding: 14px; font: 400 16px var(--font); color: var(--ink); background: var(--card); box-shadow: none;
}
body.v2b .wpcf7 input:focus, body.v2b .wpcf7 textarea:focus { outline: none; border-color: var(--ink); box-shadow: 0 0 0 4px var(--peach-line); }
body.v2b .wpcf7 input[type=submit] { background: var(--accent); color: var(--ink); border: 0; border-radius: 12px; min-height: 50px; padding: 0 32px; font: 800 16px var(--font); cursor: pointer; }

/* ---------- Newsletter band + footer widgets ---------- */
body.v2b .v2b-newsletter { background: var(--accent); padding: 72px 0; margin: 0; }
body.v2b .v2b-newsletter .container { display: flex; gap: 40px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
body.v2b .v2b-newsletter__copy { max-width: 560px; }
body.v2b .v2b-newsletter h3 { margin: 0 0 8px; font-size: 36px; line-height: 1.1; letter-spacing: -0.03em; font-weight: 800; color: var(--ink); }
body.v2b .v2b-newsletter p { margin: 0; font-size: 17px; color: var(--ink); }
body.v2b .v2b-newsletter form { flex: 1 1 380px; max-width: 540px; margin: 0; }
body.v2b .v2b-field { display: flex; flex-wrap: wrap; gap: 8px; background: var(--card); border: 1.5px solid var(--ink); border-radius: 14px; padding: 6px; }
body.v2b .v2b-field input { flex: 1 1 220px; border: 0; outline: none; padding: 14px; font: 400 16px var(--font); background: transparent; color: var(--ink); }
body.v2b .v2b-field button { background: var(--ink); color: #FFFFFF; border: 0; border-radius: 10px; padding: 0 24px; min-height: 50px; font: 700 16px var(--font); cursor: pointer; }
body.v2b .footer-newsletter-message { margin: 10px 0 0 !important; min-height: 20px; font-size: 14px !important; font-weight: 700; color: var(--ink) !important; }
body.v2b #footer { background: var(--soft); color: var(--body); padding: 64px 0 0; margin: 0; }
body.v2b #footer .grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 40px; }
body.v2b #footer .widget, body.v2b #footer .footer-widget { background: none; color: var(--body); font-size: 15px; line-height: 1.7; }
body.v2b #footer h4, body.v2b #footer .widget-title, body.v2b #footer .ttl { font-size: 14px !important; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; color: var(--ink) !important; margin: 0 0 14px; }
body.v2b #footer ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }
body.v2b #footer a { color: var(--ink); text-decoration: none; }
body.v2b #footer a:hover { color: var(--accent-text); }
body.v2b #footer .copyright { background: none; border-top: 1px solid #D3D7DE; margin-top: 40px; padding: 22px 0 32px; font-size: 13px; color: var(--body); }
body.v2b #footer .copyright .contact { display: flex; gap: 18px; justify-content: flex-end; flex-wrap: wrap; }
body.v2b #footer .copyright .contact a { color: var(--ink); }

/* ---------- 404 ---------- */
body.error404 .post-container, body.v2b.error404 article > img { margin-top: 24px; }
body.v2b.error404 article > img { display: block; max-width: 760px; width: calc(100% - 32px); margin: 32px auto 0; border-radius: 24px; border: 1px solid var(--line); }

/* ---------- Phone ---------- */
@media (max-width: 760px) {
	body.v2b .container { padding-left: 16px; padding-right: 16px; }
	body.v2b .section1 h1, body.v2b .archive-title { font-size: 40px; }
	body.v2b .post-container h1 { font-size: 34px; }
	body.v2b .post-container main h2, body.v2b .theme-section .home-subtitle { font-size: 26px; }
	body.v2b .v2b-navad .ad-btn { margin-left: 0; }
	body.v2b .v2b-newsletter h3 { font-size: 28px; }
	body.v2b .v2b-newsletter { padding: 48px 0; }
	body.v2b .v2b-field button { width: 100%; }
	body.v2b #footer .copyright .contact { justify-content: flex-start; }
	body.v2b .post-container > .row { gap: 32px; }
}

/* ---------- Fixes after the first local render (old style.css wins without these) ---------- */
@media (min-width: 768px) { body.v2b .navbar-toggler { display: none !important; } }
body.v2b .pre-post .search { flex: 0 1 340px; width: auto; max-width: 100%; position: static; }
body.v2b .pre-post .searchform { width: 100%; }
body.v2b .searchform input, body.v2b .searchform button { position: static !important; float: none !important; }
body.v2b .searchform #sr, body.v2b .searchform #s { width: 100% !important; order: 1; }
body.v2b .searchform button { order: 2; }
body.v2b .searchform label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

body.v2b .section1 { background: none !important; color: var(--ink) !important; min-height: 0 !important; }
body.v2b .section1::before, body.v2b .section1::after { display: none !important; }
body.v2b .section1 .container { padding-top: 0; padding-bottom: 0; }
body.v2b .section1 h1 { color: var(--ink) !important; text-shadow: none !important; }
body.v2b .section1 .hero-sub { color: var(--accent-text) !important; font-style: normal !important; text-shadow: none !important; }
body.v2b .section1 .hero-ad, body.v2b .section1 .hero-ad * { color: var(--ink) !important; text-shadow: none !important; }
body.v2b .section1 .hero-ad { margin-top: 8px; position: static !important; }

body.v2b .home-icons .eachicon { flex-direction: column !important; align-items: flex-start !important; }
body.v2b .home-icons .eachicon i { font-size: 18px !important; color: var(--ink) !important; margin: 0 !important; }
body.v2b .home-icons .icon-title { font-size: 21px !important; font-weight: 800 !important; letter-spacing: -0.02em; text-align: left !important; padding: 0 !important; }
body.v2b .each-loop-item h3, body.v2b .loop-item-title h3 { font-weight: 800 !important; font-size: 18px !important; letter-spacing: -0.01em; }

/* sidebar widgets */
body.v2b .sidebar .textwidget, body.v2b .sidebar .textwidget > div, body.v2b .sidebar .sidebar-recent { border: 0 !important; padding: 0 !important; margin: 0 !important; background: none !important; box-shadow: none !important; }
body.v2b .sidebar .sidebar-recent-container { display: flex !important; flex-direction: column; gap: 2px; }
body.v2b .sidebar .sidebar-recent-container a { display: grid !important; grid-template-columns: 56px minmax(0, 1fr); gap: 12px; align-items: center; padding: 6px 0; color: var(--ink); font-size: 14px; font-weight: 600; line-height: 1.35; text-decoration: none; width: auto !important; float: none !important; }
body.v2b .sidebar .sidebar-recent-container a:hover { color: var(--accent-text); }
body.v2b .sidebar .sidebar-recent-container img { width: 56px !important; height: 56px !important; object-fit: cover; border-radius: 10px; margin: 0 !important; }
body.v2b .sidebar .sidebar-recent-container span { display: block; }
body.v2b .sidebar .recommendations .textwidget > div { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
body.v2b .sidebar .recommendations .textwidget > * { grid-column: 1 / -1; }
body.v2b .sidebar .recommendations .textwidget > p { margin: 0; }
@media (max-width: 767px) { body.v2b .sidebar .recommendations .fiverr_nga_frame { height: 660px; } }
body.v2b .sidebar .recommendations a { display: block; margin: 0 !important; }
body.v2b .sidebar #text-4 h3, body.v2b .sidebar #text-4 .mailchimp-title { color: #FFFFFF !important; font-weight: 800; letter-spacing: -0.02em; }

/* hosting review score box */
body.v2b .top-review-container { grid-template-columns: minmax(220px, 1fr) minmax(0, 1.6fr); }
body.v2b .top-review-container > .clearfix { display: none; }
body.v2b .top-review-right { background: none !important; }
body.v2b .table-left, body.v2b .table-left > div { width: 100% !important; float: none !important; background: none !important; border: 0 !important; }
body.v2b .table-left > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 16px; }
body.v2b .rating-table-row { display: flex !important; align-items: center; gap: 6px; padding: 10px 0 !important; border: 0 !important; border-bottom: 1px solid var(--soft) !important; background: none !important; width: auto !important; float: none !important; height: auto !important; font-size: 15px; font-weight: 600; color: var(--ink); }
body.v2b .rating-table-row .rating { display: inline-flex; gap: 2px; margin-left: 8px; font-size: 13px; }
body.v2b .rating-table-row.header, body.v2b .rating-table-row.rating-box-right { font-size: 18px; font-weight: 800; }
body.v2b .rating-table-row.rating-box-right span[itemprop=ratingValue] { font-size: 32px; letter-spacing: -0.03em; }
@media (max-width: 760px) { body.v2b .top-review-container { grid-template-columns: 1fr; } }
body.v2b .section1 .container, body.v2b .section1 > div { background: none !important; box-shadow: none !important; }
body.v2b .searchform { display: flex !important; }
body.v2b .searchform > div { display: flex !important; gap: 4px; width: 100%; align-items: center; }
body.v2b .sidebar .recommendations img { width: 100% !important; max-width: none !important; height: auto !important; }
body.v2b .inner-rating-left, body.v2b .inner-rating-left > div, body.v2b .inner-rating { background: var(--card) !important; }
body.v2b .inner-rating-text { font-size: 18px; font-weight: 700; }

/* archive / search headers: drop the old teal photo banner */
body.v2b header, body.v2b header > .container, body.v2b header > div { background: none !important; box-shadow: none !important; min-height: 0 !important; }
body.v2b header::before, body.v2b header::after, body.v2b header > .container::before { display: none !important; }
body.v2b header > .container.col-md-8 { max-width: 1280px !important; flex: none; width: 100%; margin: 0 auto; padding: 24px 40px 8px; text-align: left; }
body.v2b header .archive-title, body.v2b header .page-title, body.v2b header h1 { color: var(--ink) !important; text-align: left !important; text-shadow: none !important; }
body.v2b header .archive-description, body.v2b header .archive-description p { color: var(--body) !important; text-align: left !important; text-shadow: none !important; }
body.v2b .wide-search { margin: 0; }
body.v2b .wide-search .searchform { max-width: 520px; }
@media (max-width: 760px) { body.v2b header > .container.col-md-8 { padding: 16px; } }

/* glossary archive */
body.v2b .glossary-letters-container { position: static !important; top: auto !important; width: auto !important; z-index: auto !important; }
body.v2b .letter-row .letter { width: 40px !important; height: 40px !important; flex: none; padding: 0 !important; font-size: 18px !important; }
body.v2b .glossary .grid-3, body.v2b .glossary-items-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 16px; }
body.v2b .breadcrumbs, body.v2b #breadcrumbs, body.v2b .breadcrumbs * { border: 0 !important; }
body.v2b .rating-table-row { position: static !important; margin: 0 !important; left: auto !important; right: auto !important; text-align: left !important; }
body.v2b .rating-table-row span, body.v2b .rating-table-row .rating { position: static !important; margin-top: 0 !important; }
@media (max-width: 760px) {
	body.v2b .table-left > div { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); }
	body.v2b .rating-table-row.rating-box-right span[itemprop=ratingValue] { font-size: 26px; }
	body.v2b .rating-table-row { flex-wrap: wrap; font-size: 14px; }
	body.v2b .v2b-navad .container { gap: 6px 14px; font-size: 13px; padding-top: 8px; padding-bottom: 8px; }
}
body.v2b .glossary-letters { position: static !important; top: auto !important; width: auto !important; z-index: auto !important; background: none !important; margin: 0 !important; text-align: left !important; }
body.v2b header .archive-description a { color: var(--accent-text) !important; text-decoration: underline; }
body.v2b .section1, body.v2b .section1 .container { height: auto !important; min-height: 0 !important; }
body.v2b .section1 h1, body.v2b .section1 .hero-sub, body.v2b .section1 .hero-ad { margin-left: 0 !important; padding-left: 0; position: static !important; top: auto !important; transform: none !important; }
body.v2b .section1 .hero-ad { margin-top: 12px !important; padding: 24px 28px !important; }
body.v2b .home-icons .eachicon { display: flex !important; }
body.v2b .home-icons .eachicon > * { margin-left: 0 !important; }
body.v2b .searchform button { margin: 0 !important; height: 40px !important; align-self: center; }
body.v2b .home-icons { margin: 0 !important; padding-top: 28px !important; }
body.v2b .section1 > .container { padding: 0 40px !important; margin: 0 auto !important; }
body.v2b .section1 .hero-ad a { text-decoration: none !important; }
body.v2b .section1 .hero-ad a:hover { color: #B8450B !important; }
@media (max-width: 760px) { body.v2b .section1 > .container { padding: 0 16px !important; } }
body.v2b .section1 > .container { max-width: 1280px !important; width: 100% !important; }

/* ---------- Hosting index (Hosting Lobby template: /wordpress-shared-hosting/ etc.) ---------- */
body.v2b .all-reviews { display: flex; flex-direction: column; gap: 20px; margin-top: 28px; }
body.v2b .all-reviews > .clearfix { display: none; }
body.v2b .single-review-container { max-width: none; flex: none; padding: 0 !important; margin: 0 !important; background: var(--card); border: 1px solid var(--line); border-radius: 22px; overflow: hidden; box-shadow: none; }
body.v2b .single-review { max-width: none; flex: none; padding: 0 !important; margin: 0 !important; background: none; border: 0; }
body.v2b .single-review-name { max-width: none; flex: none; display: flex; align-items: center; gap: 12px; padding: 18px 24px !important; margin: 0 !important; background: var(--card) !important; border-bottom: 1px solid var(--soft); font-size: 24px; font-weight: 800; letter-spacing: -0.02em; color: var(--ink); }
body.v2b .single-review-name i { width: 40px; height: 40px; border-radius: 11px; background: var(--peach); color: var(--accent-text); display: inline-flex; align-items: center; justify-content: center; font-size: 16px; }
body.v2b .single-review-name a { color: var(--ink) !important; text-decoration: none; }
body.v2b .single-review-name a:hover { color: var(--accent-text) !important; }
body.v2b .single-review-inner-container { display: grid; grid-template-columns: 220px 1fr; gap: 24px; margin: 0 !important; padding: 22px 24px; }
body.v2b .single-review-inner-container > div { max-width: none !important; flex: none !important; width: auto !important; padding: 0 !important; }
body.v2b .single-review-left-pane { background: none !important; border: 0 !important; }
body.v2b .single-review-left-inner-container { display: flex; flex-direction: column; align-items: stretch; gap: 8px; text-align: center; background: var(--bg); border: 1px solid var(--line); border-radius: 16px; padding: 16px; height: auto !important; }
body.v2b .single-review-left-inner-container img { width: 100%; height: auto; max-height: 64px; object-fit: contain; background: none; margin: 0 0 6px; }
body.v2b .single-price-title { font-size: 13px; font-weight: 700; color: var(--muted); text-transform: none; margin: 0; }
body.v2b .single-price { font-size: 30px; font-weight: 800; letter-spacing: -0.03em; color: var(--ink); line-height: 1.1; margin: 0; }
body.v2b .single-btn { margin-top: 6px; }
body.v2b .single-btn .btn { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 46px; border-radius: 11px !important; background: var(--accent) !important; color: var(--ink) !important; border: 0 !important; font: 800 15px var(--font) !important; text-transform: none; box-shadow: none !important; }
body.v2b .single-btn .btn:hover { background: #F25A08 !important; }
body.v2b .single-review-right-pane { display: grid !important; grid-template-columns: 1fr auto; gap: 18px; align-items: start; margin: 0 !important; }
body.v2b .single-review-right-pane > div { max-width: none !important; flex: none !important; width: auto !important; padding: 0 !important; }
body.v2b .single-review-right-pane ul { list-style: none; margin: 0; padding: 0 !important; display: flex; flex-direction: column; gap: 8px; }
body.v2b .single-review-right-pane li { float: none !important; width: auto !important; position: relative; padding: 0 0 0 30px !important; margin: 0 !important; font-size: 15px; line-height: 1.55; color: var(--body); list-style: none; }
body.v2b .single-review-right-pane li::before { content: "" !important; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; margin: 0 !important; padding: 0 !important; border-radius: 50%; background: var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.5l2.6 2.6L14 7.6' fill='none' stroke='%231B2330' stroke-width='2'/%3E%3C/svg%3E") center / 20px no-repeat; font-family: inherit !important; }
body.v2b .single-review-right-pane ul:last-child li { padding-left: 0 !important; }
body.v2b .single-review-right-pane ul:last-child li::before { content: none !important; display: none; }
body.v2b .single-review-right-pane ul:last-child a { font-weight: 800; color: var(--accent-text); }
body.v2b .review-badge .badge, body.v2b .review-badge .badge1, body.v2b .review-badge .badge2 { width: 64px; height: 64px; border-radius: 16px; background: var(--ink) !important; background-image: none !important; color: #FFFFFF !important; display: inline-flex !important; align-items: center; justify-content: center; font: 800 24px var(--font) !important; padding: 0 !important; margin: 0 !important; position: static !important; }
body.v2b .mobile.single-review-rating { display: none; }
body.v2b .under-review-text { max-width: none; flex: none; padding: 0 24px 18px !important; margin: 0 !important; }
body.v2b .under-single-text { font-size: 15px; line-height: 1.65; color: var(--body); border: 0; padding: 16px 0 0 !important; border-top: 1px solid var(--soft); }
body.v2b .under-single-text a { font-weight: 700; color: var(--accent-text); white-space: nowrap; }
body.v2b .under-review-highlights { max-width: none; flex: none; display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr)); gap: 10px; padding: 0 24px 24px !important; margin: 0 !important; border: 0 !important; }
body.v2b .single-each-highlight { max-width: none !important; flex: none !important; width: auto !important; display: flex; flex-direction: column; justify-content: center; gap: 4px; background: var(--bg); border: 1px solid var(--line) !important; border-radius: 14px; padding: 14px !important; margin: 0 !important; text-align: left; min-height: 72px; }
body.v2b .single-highlight-title { font-size: 12px; font-weight: 700; color: var(--muted); text-transform: none; padding: 0; }
body.v2b .single-highlight-info { font-size: 16px; font-weight: 800; color: var(--ink); padding: 0; }
body.v2b a.single-each-highlight { background: var(--peach); border-color: var(--peach-line) !important; text-decoration: none; }
body.v2b a.single-each-highlight .single-highlight-info { color: var(--accent-text); }
body.v2b a.single-each-highlight:hover { border-color: var(--accent) !important; }
@media (max-width: 767px) {
	body.v2b .single-review-inner-container { grid-template-columns: 1fr; padding: 18px; }
	body.v2b .single-review-right-pane { grid-template-columns: 1fr; }
	body.v2b .review-badge { display: none; }
	body.v2b .single-review-name, body.v2b .under-review-text, body.v2b .under-review-highlights { padding-left: 18px !important; padding-right: 18px !important; }
}
/* lobby: old nested rules are more specific; pin the colours */
body.v2b .all-reviews .single-review-name, body.v2b .all-reviews .single-review-name a { color: var(--ink) !important; background: var(--card) !important; }
body.v2b .all-reviews .single-review-name a { display: inline; height: auto; }
body.v2b .all-reviews .single-review-name a:hover { color: var(--accent-text) !important; }
body.v2b .all-reviews .review-badge { top: auto !important; right: auto !important; margin: 0 !important; position: static !important; }
body.v2b .all-reviews .under-review-text { background: none !important; }
body.v2b .all-reviews a.single-each-highlight { background: var(--peach) !important; color: var(--accent-text) !important; }
body.v2b .all-reviews a.single-each-highlight .single-highlight-info { color: var(--accent-text) !important; }
body.v2b .all-reviews .single-each-highlight { text-align: left !important; }
body.v2b .all-reviews .single-highlight-info, body.v2b .all-reviews .single-highlight-title { text-align: left !important; }
body.v2b.page-template-page-reviews-lobby .all-reviews .single-review-container .single-review .single-review-name a { color: var(--ink) !important; padding-left: 0; font-size: 24px; font-weight: 800; }
body.v2b.page-template-page-reviews-lobby .all-reviews .single-review-container .single-review .single-review-name a:hover { color: var(--accent-text) !important; }
body.v2b.page-template-page-reviews-lobby .all-reviews .under-review-highlights .single-each-highlight { text-align: left; border: 1px solid var(--line) !important; padding: 14px; }
body.v2b.page-template-page-reviews-lobby .all-reviews .under-review-highlights a.single-each-highlight { border: 1px solid var(--peach-line) !important; background-color: var(--peach); color: var(--accent-text); justify-content: center; }
body.v2b.page-template-page-reviews-lobby .all-reviews .single-review-container .single-review-left-inner-container { background: var(--bg) !important; border: 1px solid var(--line) !important; border-radius: 16px; }
body.v2b.page-template-page-reviews-lobby .all-reviews .single-btn .btn, body.v2b .all-reviews .single-btn a { background: var(--accent) !important; color: var(--ink) !important; border: 0 !important; border-radius: 11px !important; }
/* footer widget copy: old theme set it white */
body.v2b #footer p, body.v2b #footer .textwidget, body.v2b #footer .widget, body.v2b #footer li, body.v2b #footer span { color: var(--body) !important; }
body.v2b #footer a, body.v2b #footer .copyright .contact a { color: var(--ink) !important; }
body.v2b #footer a:hover { color: var(--accent-text) !important; }
/* hosting index highlight boxes: centred */
body.v2b.page-template-page-reviews-lobby .all-reviews .under-review-highlights .single-each-highlight,
body.v2b.page-template-page-reviews-lobby .all-reviews .under-review-highlights .single-highlight-title,
body.v2b.page-template-page-reviews-lobby .all-reviews .under-review-highlights .single-highlight-info { text-align: center !important; align-items: center; }
/* listicle card: side padding (old theme zeroed it) */
body.v2b .reviews-container .each-review { padding: 24px 28px !important; }
body.v2b .reviews-container .each-review img.review-image { width: 100%; height: auto; }
@media (max-width: 767px) { body.v2b .reviews-container .each-review { padding: 18px !important; } }
/* mid-list recommendation quote (Cloudways / Astra) */
body.v2b .adquote-container { position: relative; display: block; margin: 0 !important; padding: 26px 28px 26px 64px !important; background: var(--peach) !important; border: 1px solid var(--peach-line) !important; border-radius: 20px; box-shadow: none !important; color: var(--ink) !important; font-size: 18px; line-height: 1.6; font-weight: 500; text-decoration: none !important; width: auto !important; max-width: none !important; transition: border-color .15s; }
body.v2b .adquote-container:hover { border-color: var(--accent) !important; color: var(--ink) !important; }
body.v2b .adquote-container strong { color: var(--accent-text); text-decoration: none !important; font-weight: 800; }
body.v2b .adquote-container small { color: var(--muted); font-size: 14px; font-weight: 600; }
body.v2b .adquote-container .quote-left { position: absolute; left: 20px; top: 18px; width: 32px; height: 32px; border-radius: 9px; background: var(--accent); color: var(--ink) !important; font: 800 30px/40px Georgia, serif !important; text-align: center; overflow: hidden; margin: 0 !important; padding: 0 !important; float: none !important; }
body.v2b .adquote-container .quote-right { display: none; }
body.v2b .adquote-container, body.v2b .adquote-container * { font-family: var(--font) !important; } body.v2b .adquote-container .quote-left { font-family: Georgia, serif !important; }
body.v2b .adquote-container .quote-left { display: flex !important; align-items: center; justify-content: center; padding: 14px 0 0 !important; font-size: 34px !important; line-height: 1 !important; text-align: center !important; text-indent: 0 !important; letter-spacing: 0 !important; box-sizing: border-box; }

/* heading-level fixes: widget titles are <h2 class="ttl">, hosting rating label is a div */
body.v2b .sidebar h2.ttl, body.v2b #footer h2.ttl { line-height: 1.3; letter-spacing: inherit; }
body.v2b .inner-rating .inner-rating-title { letter-spacing: 0 !important; line-height: 1.3 !important; font-size: 16px !important; font-weight: 800 !important; color: var(--ink) !important; margin: 0 0 4px !important; padding: 0 !important; border: 0 !important; text-transform: none !important; }