/*
Theme Name: BestProducts Clone Starter
Theme URI: https://example.com
Author: ChatGPT
Description: Starter WordPress theme inspired by bestproducts.com layout (header + section stripes + product/review grid).
Version: 1.0.1
License: GPLv2 or later
Text Domain: bestproducts-clone
*/

/* =========================
   TOKENS / BASE
========================= */
:root{
  --bp-black:#0b0b0b;
  --bp-white:#ffffff;
  --bp-blue:#2b2f9f;
  --bp-red:#d51f2c;
  --bp-ink:#111;
  --bp-muted:#6b7280;
  --bp-max: 1240px;
  --bp-gutter: 22px;
  --bp-radius: 18px;
  --bp-shadow: 0 10px 30px rgba(0,0,0,.08);
  --bp-border: 1px solid rgba(0,0,0,.08);
  --bp-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{overflow-x:hidden}
body{
  overflow-x:hidden;
  font-family: var(--bp-font);
  color: var(--bp-ink);
  background: var(--bp-white);
  line-height: 1.45;
}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.bp-container{max-width:var(--bp-max);margin:0 auto;padding:0 var(--bp-gutter)}
.bp-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Hard overflow guards */
pre, code, table, iframe { max-width:100%; overflow:auto; }
html, body{ max-width:100%; }
#page, #content, #primary, #main{ max-width:100%; }
ul, ol{ margin:0; padding-left:0; }
li{ list-style:none; }
.wp-block-group, .wp-block-columns, .wp-block-column{ max-width:100%; }
.wp-block-table{ overflow-x:auto; }
.wp-block-embed, .wp-block-video, video{ max-width:100%; }
h1,h2,h3,p,a{ overflow-wrap:anywhere; word-break:break-word; }

@media (max-width: 800px){
  body{ overflow-x:hidden !important; }
  main, header, footer, section, article, div{ max-width:100%; }
  .bp-container{ width:100%; max-width:100%; }
}

/* =========================
   HEADER (TOP BAR)
========================= */
.bp-header{
  background: var(--bp-black);
  color: #fff;
  position: sticky;
  top: 0;
  z-index: 50;
}

.bp-header__inner{
  height: 64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 16px;
  min-width:0;
}

.bp-brand{
  display:flex;
  align-items:center;
  gap: 10px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 22px;
  min-width:0;
}
.bp-brand__logo{
  width: 40px;height: 40px;border-radius: 10px;background:#fff;
  display:inline-flex;align-items:center;justify-content:center;color:#000;
  font-weight:900;
}
.bp-brand span:last-child{
  display:block;
  max-width: 44vw;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Desktop nav default */
.bp-nav{
  display:flex;
  align-items:center;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 13px;
  min-width:0;
}
.bp-nav a{opacity:.92}
.bp-nav a:hover{opacity:1;text-decoration:none}

/* Actions */
.bp-header__actions{
  display:flex;
  align-items:center;
  gap:12px;
  white-space:nowrap;
}

/* Burger + icon button */
.bp-iconbtn{
  width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.25);
  display:inline-flex;align-items:center;justify-content:center;
  background:transparent;
  color:#fff;
}
.bp-burger{display:none}

/* Search toggle (right icon) */
.bp-search-toggle{
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.22);
  width:44px;height:44px;
  border-radius:999px;
  color:#fff;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

/* Search bar container */
.bp-search-bar{
  display:none;              /* desktop: toggle */
  padding: 10px 0 14px;
}
.bp-search-bar.active{ display:block; }

/* Pill search form */
.bp-search-form{
  display:flex;
  align-items:center;
  gap:12px;
  max-width: 720px;
  margin: 0 auto;
}
.bp-search-form input{
  flex:1;
  min-width:0;
  height:44px;
  padding: 0 16px;
  border-radius:999px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  color:#fff;
  font-size:15px;
  outline:none;
}
.bp-search-form input::placeholder{
  color: rgba(255,255,255,.55);
}
.bp-search-form button{
  height:44px;
  padding:0 18px;
  border-radius:999px;
  border:0;
  background:#1e2aa8;
  color:#fff;
  font-weight:900;
  letter-spacing:.02em;
  cursor:pointer;
}

/* Hide any other theme/plugin search forms inside header (double search fix) */
.bp-header .search-form,
.bp-header form.search-form{
  display:none !important;
}

/* MOBILE NAV */
.bp-mobile{
  display:none; /* default closed */
  background: var(--bp-black);
  border-top: 1px solid rgba(255,255,255,.12);
  padding: 14px 0 18px;
}
.bp-mobile.is-open{display:block}
.bp-mobile ul, .bp-mobile ol{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}
.bp-mobile li{ margin:0; padding:0; }
.bp-mobile a{
  display:block;
  padding:12px var(--bp-gutter);
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:13px;
  opacity:.95;
}
.bp-mobile a:hover{opacity:1;text-decoration:none}

/* Responsive header behavior */
@media (max-width: 980px){
  .bp-nav{display:none !important;}
  .bp-burger{display:inline-flex}
  .bp-header__inner{height:56px}
  .bp-search-bar{ display:block; }          /* mobile: always visible */
  .bp-search-toggle{ background: rgba(255,255,255,.12); }
  .bp-brand span:last-child{ max-width: 52vw; }
}

@media (min-width: 981px){
  /* Desktop: logo | nav | actions */
  .bp-header__inner{
    display:grid !important;
    grid-template-columns: auto 1fr auto;
    align-items:center;
    gap:16px;
  }

  /* Center the menu perfectly */
  .bp-nav{
    display:flex !important;
    justify-content:center !important;
  }

  .bp-nav ul{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:28px;
    list-style:none;
    margin:0;
    padding:0;
    flex-wrap:nowrap;
  }
  .bp-nav li{ margin:0; padding:0; display:inline-flex; }

  /* Desktop: mobile menu NEVER shown */
  #bp-mobile{ display:none !important; }
}

/* =========================
   MAIN / SECTION TITLE
========================= */
.bp-main{
  padding: 6px 0 44px;
}

.bp-section{
  padding: 26px 0 22px;
}
.bp-section__title{
  font-size: 44px;
  font-weight: 900;
  letter-spacing: .01em;
  text-transform: uppercase;
  color: #1e2aa8;
  margin: 6px 0 8px;
}
.bp-section__rule{
  height: 8px;
  background: var(--bp-red);
  width: 100%;
  border-radius: 999px;
  margin-top: 10px;
}

@media (max-width: 640px){
  .bp-section__title{
    text-align:center;
    font-size: 46px;
    line-height: .9;
    letter-spacing: .02em;
  }
  .bp-section__rule{ height:10px; }
}

/* =========================
   POSTS GRID + CARD
========================= */
.bp-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
@media (max-width: 980px){ .bp-grid{grid-template-columns: repeat(2, minmax(0,1fr));}}
@media (max-width: 640px){ .bp-grid{grid-template-columns: repeat(2, minmax(0,1fr)); gap:16px;} }
@media (max-width: 380px){ .bp-grid{grid-template-columns: 1fr;} }

.bp-card{
  display:flex;
  gap: 14px;
  align-items:flex-start;
}
.bp-card__thumb{
  width: 148px;
  aspect-ratio: 1/1;
  border-radius: 16px;
  overflow:hidden;
  background:#eef2ff;
  border: var(--bp-border);
  flex: 0 0 auto;
}
.bp-card__thumb img{width:100%;height:100%;object-fit:cover}
.bp-card__title{
  font-weight: 900;
  line-height: 1.05;
  font-size: 22px;
  margin: 0 0 10px;
}
.bp-card__meta{
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 11px;
  color: #1e2aa8;
}
.bp-card__meta span{color:#111}
.bp-dot{width:6px;height:6px;border-radius:99px;background:#25c2a0;display:inline-block}
.bp-card__meta .bp-dot{margin-right:8px}

@media (max-width: 640px){
  .bp-card{
    flex-direction: column;
    gap: 10px;
  }
  .bp-card__thumb{
    width: 100%;
    border-radius: 18px;
    border: 2px solid rgba(0,0,0,.06);
    background: #f3f4f6;
  }
  .bp-card__thumb img{object-fit:cover}
  .bp-card__title{
    font-size: 20px;
    margin: 0 0 8px;
  }
  .bp-card__meta{
    font-size: 10px;
  }
}

/* Author line quick-hide (if exists under cards) */
.bp-card .byline,
.bp-card .post-author,
.bp-card .entry-meta .author,
.bp-card .author{
  display:none !important;
}

/* =========================
   SINGLE POST
========================= */
.bp-single__title{font-size: 44px;font-weight: 950;line-height:1.05;margin: 14px 0 12px}
.bp-single__hero{
  border-radius: 24px; overflow:hidden;
  background:#f3f4f6;
  border: var(--bp-border);
  box-shadow: var(--bp-shadow);
}
.bp-single__hero img{width:100%;height:auto}
.bp-entry{font-size: 18px}
.bp-entry h2{font-size: 28px;line-height:1.15}
.bp-entry h3{font-size: 22px;line-height:1.2}
.bp-entry a{color:#1e2aa8}
.wp-block-image img{border-radius: 14px}

/* =========================
   FOOTER
========================= */
.bp-footer{
  border-top: 1px solid rgba(0,0,0,.08);
  padding: 28px 0 40px;
  color: #444;
}
.bp-footer__grid{
  display:grid;
  grid-template-columns: 1.6fr 1fr 1fr;
  gap: 18px;
}
@media (max-width: 860px){ .bp-footer__grid{grid-template-columns: 1fr;}}

/* =========================================================
   HOMEPAGE TOP (BestProducts-style) — SINGLE SOURCE OF TRUTH
   (index.php'deki .bp-top yapısı için)
========================================================= */

/* Safety: old hero grid if still exists somewhere should not show */
.bp-hero, .bp-hero__grid, .bp-heroCard{ display:none !important; }

.bp-top{ padding: 18px 0 18px; }

.bp-top__grid{
  display:grid;
  grid-template-columns: 1.7fr 1fr;
  gap: 26px;
  align-items: start;
}

/* LEFT: split hero */
.bp-feature--split{
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: var(--bp-shadow);
  background: #fff;

  display: grid;
  grid-template-rows: 360px 1fr;
  min-height: 640px;
}

/* top pastel area */
.bp-feature__top{
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 34px;
  background: linear-gradient(180deg, #f6d6d8 0%, #f8dde0 100%);
}

/* circle image */
.bp-feature__circle{
  width: min(430px, 80%);
  aspect-ratio: 1 / 1;
  border-radius: 999px;
  background: #fff;
  overflow: hidden;
  display:flex;
  align-items:center;
  justify-content:center;

  border: 10px solid rgba(255,255,255,.75);
  box-shadow: 0 18px 44px rgba(0,0,0,.14);
}

.bp-feature__circle img{
  width:100% !important;
  height:100% !important;
  object-fit: contain !important;
  padding: 18px;
}

/* bottom blue band */
.bp-feature__bottom{
  background: #3e42d6;
  color: #fff;
  padding: 34px 34px 42px;
  text-align:center;

  display:flex;
  flex-direction:column;
  justify-content:center;
  gap: 10px;
}

.bp-feature__kicker{
  color: rgba(255,255,255,.86);
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
}

.bp-feature__title{
  margin: 0;
  color: #fff;
  font-weight: 950;
  line-height: 1.05;
  font-size: clamp(36px, 3.4vw, 60px);
}

.bp-feature__meta{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:center;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 12px;
  color: rgba(255,255,255,.92);
}

/* RIGHT: The Latest rail */
.bp-top__rail{
  border-left: 1px solid rgba(0,0,0,.08);
  padding-left: 18px;
}

.bp-rail__head{ margin: 6px 0 14px; }
.bp-rail__title{
  font-weight: 950;
  font-size: 16px;
}

.bp-rail__list{
  display:flex;
  flex-direction:column;
  gap: 16px;
}

/* Latest item row */
.bp-latest{
  display:grid;
  grid-template-columns: 120px 1fr;
  gap: 14px;
  align-items: start;
}

.bp-latest__thumb{
  display:block;
  border-radius: 10px;
  overflow:hidden;
  background:#f3f4f6;
  border: 1px solid rgba(0,0,0,.08);
  aspect-ratio: 1 / 1;
}
.bp-latest__thumb img{
  width:100%;
  height:100%;
  object-fit: cover;
}

.bp-latest__kicker{
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 11px;
  color: #6b7280;
  margin-bottom: 6px;
}

.bp-latest__title{
  display:block;
  font-weight: 950;
  font-size: 22px;
  line-height: 1.06;
  text-decoration: none;
}
.bp-latest__title:hover{ text-decoration: underline; }

.bp-latest__meta{
  margin-top: 8px;
  display:flex;
  gap:10px;
  align-items:center;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 11px;
  color: #111;
}

/* Responsive top area */
@media (max-width: 1100px){
  .bp-top__grid{ grid-template-columns: 1fr; }
  .bp-top__rail{
    border-left: 0;
    padding-left: 0;
    border-top: 1px solid rgba(0,0,0,.08);
    padding-top: 16px;
  }
  .bp-feature--split{
    grid-template-rows: 320px 1fr;
    min-height: 580px;
  }
}
@media (max-width: 640px){
  .bp-feature--split{
    grid-template-rows: 260px 1fr;
    min-height: 520px;
  }
  .bp-latest{ grid-template-columns: 100px 1fr; }
  .bp-latest__title{ font-size: 18px; }
}
/* =========================
   LOAD MORE (Archive/Search/Category)
========================= */
.bp-loadmore-wrap{
  display:flex;
  justify-content:center;
  margin: 26px 0 10px;
}

.bp-loadmore-wrap a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 48px;
  padding: 0 22px;
  border-radius: 999px;
  background: #111;
  color:#fff;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 12px;
  border: 1px solid rgba(0,0,0,.12);
  box-shadow: 0 10px 26px rgba(0,0,0,.12);
  text-decoration:none;
  transition: transform .15s ease, opacity .15s ease;
}

.bp-loadmore-wrap a:hover{
  transform: translateY(-1px);
  opacity: .95;
  text-decoration:none;
}

.bp-loadmore-wrap a:active{
  transform: translateY(0);
}

/* WP default pagination görünmesin */
.navigation.pagination,
.nav-links,
.page-numbers{
  display:none !important;
}
.bp-loadmore-wrap a[style*="pointer-events: none"]{
  filter: saturate(.9);
}
/* =========================
   SHOW MORE BUTTON (mobile fix)
========================= */

.bp-loadmore-wrap{
  display:flex;
  justify-content:center;
  margin: 28px 0 10px;
}

/* linki gerçek buton gibi göster */
.bp-loadmore-wrap a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 52px;
  padding: 0 26px;
  border-radius: 999px;
  background: #111;
  color:#fff !important;
  font-weight: 900;
  letter-spacing: .02em;
  text-transform: none;
  text-decoration: none !important;
  border: 1px solid rgba(0,0,0,.10);
  box-shadow: 0 10px 26px rgba(0,0,0,.12);
  transition: transform .15s ease, opacity .15s ease;
}

.bp-loadmore-wrap a:hover{
  transform: translateY(-1px);
  opacity: .95;
}

.bp-loadmore-wrap a:active{
  transform: translateY(0px);
  opacity: .9;
}

/* mobilde biraz daha büyük + tam ortalı */
@media (max-width: 640px){
  .bp-loadmore-wrap{ margin: 22px 0 18px; }
  .bp-loadmore-wrap a{
    width: min(320px, 92vw);
    height: 56px;
    font-size: 16px;
  }
}
/* =========================
   LOAD MORE BUTTON (HARD)
========================= */
.bp-loadmore-wrap{
  display:flex !important;
  justify-content:center !important;
  margin: 28px 0 18px !important;
}

.bp-loadmore-wrap a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  height:56px !important;
  padding: 0 26px !important;
  border-radius:999px !important;

  background:#111 !important;
  color:#fff !important;

  font-weight:900 !important;
  font-size:16px !important;
  letter-spacing:.02em !important;

  text-decoration:none !important;
  border:1px solid rgba(0,0,0,.10) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.14) !important;
}

.bp-loadmore-wrap a:hover{ opacity:.95 !important; transform: translateY(-1px); }
.bp-loadmore-wrap a:active{ transform: translateY(0); opacity:.9 !important; }

.bp-loadmore-wrap.is-loading a{
  opacity:.75 !important;
  cursor: progress !important;
}

@media (max-width: 640px){
  .bp-loadmore-wrap a{
    width:min(320px, 92vw) !important;
  }
}
/* =========================
   LOAD MORE (HARD + MOBILE PROOF)
========================= */
.bp-loadmore-wrap{
  display:flex !important;
  justify-content:center !important;
  margin: 28px 0 18px !important;
  width:100% !important;
}

.bp-loadmore-wrap a{
  display:inline-flex !important;
  text-decoration:none !important;
  border:0 !important;
  background:transparent !important;
  padding:0 !important;
}

/* Asıl buton span'i */
.bp-loadmore-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  height:56px !important;
  padding: 0 26px !important;
  border-radius:999px !important;

  background:#111 !important;
  color:#fff !important;

  font-weight:900 !important;
  font-size:16px !important;
  letter-spacing:.02em !important;

  box-shadow:0 12px 28px rgba(0,0,0,.14) !important;
  border:1px solid rgba(0,0,0,.10) !important;

  -webkit-appearance:none !important;
  appearance:none !important;
}

.bp-loadmore-wrap a:hover .bp-loadmore-btn{
  opacity:.95 !important;
  transform: translateY(-1px);
}
.bp-loadmore-wrap a:active .bp-loadmore-btn{
  transform: translateY(0);
  opacity:.9 !important;
}

.bp-loadmore-wrap.is-loading .bp-loadmore-btn{
  opacity:.75 !important;
  cursor: progress !important;
}

@media (max-width: 640px){
  .bp-loadmore-btn{
    width:min(340px, 92vw) !important;
  }
}
.bp-loadmore-wrap{
  display:flex !important;
  justify-content:center !important;
  margin: 26px 0 18px !important;
  width:100% !important;
}

.bp-loadmore-a{
  display:inline-flex !important;
  text-decoration:none !important;
}

.bp-loadmore-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:56px !important;
  padding: 0 28px !important;
  border-radius:999px !important;
  background:#111 !important;
  color:#fff !important;
  font-weight:900 !important;
  font-size:16px !important;
  box-shadow:0 12px 28px rgba(0,0,0,.14) !important;
  border:1px solid rgba(0,0,0,.10) !important;
}

.bp-loadmore-btn--disabled{
  opacity:.5 !important;
}
@media (max-width: 640px){
  .bp-loadmore-btn{ width:min(340px, 92vw) !important; }
}
.bp-loadmore-wrap{
  display:flex !important;
  justify-content:center !important;
  margin: 26px 0 18px !important;
  width:100% !important;
}

.bp-loadmore-a{
  display:inline-flex !important;
  text-decoration:none !important;
}

.bp-loadmore-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:56px !important;
  padding: 0 28px !important;
  border-radius:999px !important;
  background:#111 !important;
  color:#fff !important;
  font-weight:900 !important;
  font-size:16px !important;
  box-shadow:0 12px 28px rgba(0,0,0,.14) !important;
  border:1px solid rgba(0,0,0,.10) !important;
  text-decoration:none !important;
}

.bp-loadmore-btn--disabled{
  opacity:.5 !important;
}
@media (max-width: 640px){
  .bp-loadmore-btn{ width:min(340px, 92vw) !important; }
}
/* =========================
   LOAD MORE (MOBILE FIX - HARD)
   En alta ekle
========================= */

.bp-loadmore-wrap{
  display:flex !important;
  justify-content:center !important;
  margin: 26px 0 18px !important;
  width:100% !important;
}

/* ✅ Hem linki hem span'i buton gibi yap (mobilde text kalmaz) */
.bp-loadmore-wrap a,
.bp-loadmore-wrap a .bp-loadmore-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  height:56px !important;
  padding: 0 26px !important;
  border-radius:999px !important;

  background:#111 !important;
  color:#fff !important;

  font-weight:900 !important;
  font-size:16px !important;
  letter-spacing:.02em !important;

  text-decoration:none !important;
  border:1px solid rgba(0,0,0,.10) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.14) !important;

  -webkit-appearance:none !important;
  appearance:none !important;
}

/* Linkin kendi default underline/renklerini öldür */
.bp-loadmore-wrap a:link,
.bp-loadmore-wrap a:visited{
  color:#fff !important;
  text-decoration:none !important;
}

.bp-loadmore-wrap a:hover{
  transform: translateY(-1px);
  opacity:.96 !important;
}

.bp-loadmore-wrap a:active{
  transform: translateY(0);
  opacity:.9 !important;
}

@media (max-width: 640px){
  .bp-loadmore-wrap a,
  .bp-loadmore-wrap a .bp-loadmore-btn{
    width:min(340px, 92vw) !important;
    height:58px !important;
    font-size:16px !important;
  }
}
/* =========================
   LOAD MORE (FINAL - MOBILE SAFE)
========================= */

.bp-loadmore-wrap{
  display:flex !important;
  justify-content:center !important;
  margin: 28px 0 18px !important;
  width:100% !important;
}

.bp-loadmore-link{
  display:inline-flex !important;
  text-decoration:none !important;
}

.bp-loadmore-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  height:56px !important;
  padding: 0 28px !important;
  border-radius:999px !important;

  background:#111 !important;
  color:#fff !important;

  font-weight:900 !important;
  font-size:16px !important;
  letter-spacing:.02em !important;

  border:1px solid rgba(0,0,0,.10) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.14) !important;
}

.bp-loadmore-link:hover .bp-loadmore-btn{
  transform: translateY(-1px);
  opacity:.96;
}

.bp-loadmore-link:active .bp-loadmore-btn{
  transform: translateY(0);
  opacity:.9;
}

@media (max-width: 640px){
  .bp-loadmore-btn{
    width:min(340px, 92vw) !important;
    height:58px !important;
  }
}
.bp-seo{
  margin-top:70px;
  padding-top:42px;
  position:relative;
}

.bp-seo::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:100%;
  max-width:1000px;
  height:2px;

  background:linear-gradient(
    to right,
    transparent,
    #d51f2c,
    transparent
  );

  opacity:.35;
}
/* Homepage SEO Article */
.bp-home-seo{
  max-width: 820px;
  margin: 0 auto;
  line-height: 1.7;
  font-size: 18px;
}
.bp-home-seo h2{
  font-size:32px;
  font-weight:900;
  margin-top:10px;
  margin-bottom:14px;
}
.bp-home-seo{
  border-top:4px solid var(--bp-red);
  padding-top:28px;
  margin-top:40px;
}
.brand-check-wrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 40px 20px;
}

.brand-search-box form {
  display: flex;
  gap: 10px;
  margin-bottom: 30px;
}

.brand-search-box input {
  flex: 1;
  padding: 12px;
  border-radius: 10px;
  border: 1px solid #ddd;
}

.brand-search-box button {
  padding: 12px 18px;
  border-radius: 10px;
  border: none;
  background: #000;
  color: #fff;
  cursor: pointer;
}

.brand-card {
  background: #fff;
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.05);
}

.brand-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.trust-score {
  background: #000;
  color: #fff;
  padding: 15px 20px;
  border-radius: 14px;
  text-align: center;
}

.trust-score span {
  font-size: 28px;
  font-weight: bold;
  display: block;
}

.brand-summary {
  margin: 20px 0;
  font-size: 16px;
  line-height: 1.6;
}

.pros-cons-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin: 30px 0;
}

.pros-cons-grid ul {
  padding-left: 20px;
}

.product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 20px;
}

.product-card {
  border: 1px solid #eee;
  padding: 15px;
  border-radius: 16px;
  text-align: center;
}

.product-card img {
  width: 100%;
  height: 160px;
  object-fit: contain;
}

.buy-btn {
  display: inline-block;
  margin-top: 10px;
  padding: 10px 14px;
  background: #000;
  color: #fff;
  border-radius: 10px;
  text-decoration: none;
}