/* ArtVerse — หน้าแรก: แบนเนอร์ ครีเอเตอร์แนะนำ รายการสินค้า
   ไฟล์นี้เป็นส่วนหนึ่งของ css/parts/*.css โหลดตามลำดับเลขหน้าไฟล์ (ลำดับมีผล: ไฟล์หลังทับไฟล์ก่อน) */

/* =========================================================
   Home page: auto promotional carousel + recommended creators
   ========================================================= */
body[data-page="home"] .page{padding-top:14px}
.home-showcase{margin:0 0 18px}
.promo-carousel{
  position:relative;
  width:100%;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:18px;
  background:#eef2f6;
  box-shadow:0 14px 36px rgba(68,84,111,.13);
}
.promo-track{display:flex;transition:transform .65s cubic-bezier(.22,.61,.36,1);will-change:transform}
.promo-slide{
  position:relative;
  flex:0 0 100%;
  aspect-ratio:3/1;
  min-height:230px;
  overflow:hidden;
  background:#eef2f6;
}
.promo-slide img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.promo-slide::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:42%;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.48));
  opacity:.76;
  pointer-events:none;
}
.promo-caption{
  position:absolute;
  z-index:2;
  left:26px;
  bottom:24px;
  display:grid;
  gap:3px;
  max-width:min(540px,70%);
  color:#fff;
  text-shadow:0 2px 8px rgba(0,0,0,.4);
}
.promo-caption strong{font-size:clamp(20px,2.4vw,34px);line-height:1.1}
.promo-caption small{font-size:clamp(12px,1.2vw,15px);line-height:1.5}
.promo-arrow{
  position:absolute;
  z-index:4;
  top:50%;
  transform:translateY(-50%);
  width:38px;
  height:54px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.68);
  background:rgba(20,24,31,.48);
  color:#fff;
  font-size:34px;
  line-height:1;
  display:grid;
  place-items:center;
  cursor:pointer;
  opacity:.82;
  backdrop-filter:blur(7px);
  transition:.2s;
}
.promo-arrow:hover{opacity:1;background:rgba(20,24,31,.72)}
.promo-arrow.prev{left:14px}
.promo-arrow.next{right:14px}
.promo-dots{
  position:absolute;
  z-index:4;
  right:20px;
  bottom:18px;
  display:flex;
  align-items:center;
  gap:7px;
}
.promo-dots button{
  width:8px;
  height:8px;
  padding:0;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.9);
  background:rgba(255,255,255,.48);
  cursor:pointer;
  transition:.25s;
}
.promo-dots button.active{width:26px;background:#fff}
.home-search{
  width:min(760px,78%);
  min-height:44px;
  margin:20px auto 6px;
  padding:0 8px 0 15px;
  display:flex;
  align-items:center;
  gap:10px;
  border:1.5px solid #287cff;
  border-radius:999px;
  background:#fff;
  box-shadow:0 8px 22px rgba(39,124,255,.08);
}
.home-search>span{font-size:22px;color:#475467;transform:rotate(-15deg)}
.home-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:13.5px}
.home-search input::placeholder{color:#a5acb8}
.home-search button{
  min-width:76px;
  height:32px;
  border-radius:999px;
  background:#2579ee;
  color:#fff;
  font-size:12.5px;
  font-weight:850;
  cursor:pointer;
}
.home-search button:hover{filter:brightness(1.06)}
.recommended-creators-section{margin-top:20px}
.section-head.compact{align-items:center;margin-bottom:12px}
.creator-scroll-controls{display:flex;gap:5px}
.creator-scroll-controls button{
  width:34px;
  height:30px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:7px;
  background:#fff;
  color:#475467;
  font-size:21px;
  cursor:pointer;
  box-shadow:0 4px 10px rgba(68,84,111,.06);
}
.creator-scroll-controls button:hover{border-color:rgba(37,121,238,.4);color:#2579ee}
.recommended-creators{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:124px;
  gap:15px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  padding:5px 2px 10px;
}
.recommended-creators::-webkit-scrollbar{display:none}
.recommended-creator{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  scroll-snap-align:start;
  color:var(--text);
  border-radius:14px;
  padding:6px 5px 9px;
  transition:.2s;
}
.recommended-creator:hover{background:rgba(37,121,238,.055);transform:translateY(-2px)}
.recommended-creator-avatar{
  width:88px;
  height:88px;
  display:block;
  border-radius:50%;
  overflow:hidden;
  border:3px solid #fff;
  outline:1px solid var(--line);
  box-shadow:0 8px 20px rgba(68,84,111,.14);
  background:#eef2f6;
}
.recommended-creator-avatar img{width:100%;height:100%;display:block;object-fit:cover;transition:.3s}
.recommended-creator:hover img{transform:scale(1.08)}
.recommended-creator strong{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:4px;
  margin-top:8px;
  font-size:13px;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.recommended-creator small{width:100%;color:#8b95a5;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recommended-creator em{margin-top:3px;color:#98a2b3;font-size:9.5px;font-style:normal;white-space:nowrap}
.recommended-creator .verified{flex:0 0 auto;width:14px;height:14px;font-size:9px}
.active-creator-filter{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
  padding:10px 14px;
  border:1px solid rgba(37,121,238,.22);
  border-radius:12px;
  background:#eef6ff;
  color:#344054;
}
.active-creator-filter a{color:#1769d2;font-weight:800}
@media(max-width:900px){.promo-slide{aspect-ratio:2.55/1;min-height:210px}
.promo-caption{left:20px;bottom:19px}
.home-search{width:min(840px,92%)}
.recommended-creators{grid-auto-columns:112px;gap:10px}
.recommended-creator-avatar{width:80px;height:80px}}
@media(max-width:620px){body[data-page="home"] .page{padding-top:8px}
.promo-carousel{border-radius:12px}
.promo-slide{aspect-ratio:16/7;min-height:160px}
.promo-caption{left:14px;bottom:15px;max-width:76%}
.promo-caption small{display:none}
.promo-slide::after{height:52%}
.promo-arrow{width:31px;height:42px;font-size:27px;border-radius:8px}
.promo-arrow.prev{left:7px}
.promo-arrow.next{right:7px}
.promo-dots{right:12px;bottom:11px}
.home-search{width:100%;margin-top:14px;min-height:42px;padding-left:12px}
.home-search button{display:none}
.recommended-creators-section{margin-top:16px}
.section-head.compact{flex-direction:row;align-items:center}
.section-head.compact p{display:none}
.recommended-creators{grid-auto-columns:96px;gap:8px}
.recommended-creator-avatar{width:70px;height:70px}
.recommended-creator strong{font-size:11.5px}
.recommended-creator em{display:none}
.active-creator-filter{align-items:flex-start;font-size:12px}}
/* =========================================================
   Homepage redesign: marketplace reference layout
   ========================================================= */
body[data-page="home"] .page{
  padding-top:18px;
}
.home-hero-layout{
  display:grid;
  grid-template-columns:minmax(0,2.2fr) minmax(280px,.9fr);
  gap:12px;
  min-height:0;
}
.home-hero-layout .promo-carousel{
  height:clamp(270px,25.4vw,356px);
  margin:0;
  border-radius:14px;
  box-shadow:0 12px 30px rgba(68,84,111,.13);
}
.home-hero-layout .promo-track,
.home-hero-layout .promo-slide{height:100%}
.home-hero-layout .promo-slide{
  aspect-ratio:auto;
  min-height:0;
}
.home-hero-layout .promo-slide img{
  object-fit:cover;
  object-position:center;
}
.home-hero-layout .promo-slide::after{
  height:30%;
  opacity:.42;
}
.home-hero-layout .promo-caption{
  left:18px;
  bottom:16px;
  display:block;
  max-width:none;
  text-shadow:none;
}
.home-hero-layout .promo-caption .promo-kicker,
.home-hero-layout .promo-caption strong,
.home-hero-layout .promo-caption small{display:none}
.home-hero-layout .promo-caption b{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.55);
  border-radius:999px;
  background:rgba(22,26,34,.58);
  color:#fff;
  font-size:11px;
  font-weight:850;
  backdrop-filter:blur(9px);
}
.home-hero-layout .promo-caption b span{font-size:15px}
.home-hero-layout .promo-arrow{
  width:32px;
  height:44px;
  border-radius:8px;
  font-size:28px;
  background:rgba(20,24,31,.34);
}
.home-hero-layout .promo-arrow.prev{left:9px}
.home-hero-layout .promo-arrow.next{right:9px}
.home-hero-layout .promo-dots{right:14px;bottom:13px}
.home-promo-stack{
  display:grid;
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:12px;
}
.side-promo{
  position:relative;
  min-height:0;
  overflow:hidden;
  display:flex;
  align-items:center;
  border:1px solid rgba(32,96,70,.10);
  border-radius:14px;
  padding:22px 90px 22px 24px;
  color:#24453a;
  box-shadow:0 10px 25px rgba(68,84,111,.08);
  isolation:isolate;
  transition:transform .2s ease,box-shadow .2s ease;
}
.side-promo:hover{
  transform:translateY(-2px);
  box-shadow:0 15px 30px rgba(68,84,111,.13);
}
.side-promo::before,
.side-promo::after{
  content:"";
  position:absolute;
  border-radius:50%;
  z-index:-1;
}
.side-promo::before{
  width:130px;height:130px;
  right:-34px;top:-48px;
  background:rgba(255,255,255,.42);
}
.side-promo::after{
  width:72px;height:72px;
  left:-28px;bottom:-32px;
  border:12px solid rgba(255,255,255,.28);
}
.side-promo-mint{background:linear-gradient(135deg,#dfffc7,#baf3be)}
.side-promo-yellow{background:linear-gradient(135deg,#ffe978,#ffc94c);color:#784812}
.side-promo-art{
  position:absolute;
  top:11px;
  right:18px;
  font-size:24px;
  opacity:.55;
}
.side-promo-copy{display:grid;gap:4px;position:relative;z-index:2}
.side-promo-copy small{
  font-size:9px;
  letter-spacing:1px;
  font-weight:900;
  opacity:.68;
}
.side-promo-copy strong{
  font-size:clamp(16px,1.45vw,21px);
  line-height:1.28;
}
.side-promo-copy em{
  width:max-content;
  margin-top:7px;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.75);
  color:inherit;
  font-size:10px;
  font-style:normal;
  font-weight:850;
}
.side-promo-emoji{
  position:absolute;
  right:18px;
  bottom:13px;
  font-size:52px;
  filter:drop-shadow(0 7px 8px rgba(0,0,0,.10));
  transform:rotate(5deg);
}
body[data-page="home"] .home-search{
  width:min(760px,68%);
  min-height:46px;
  margin:22px auto 16px;
  border-color:#297dff;
  box-shadow:0 8px 22px rgba(41,125,255,.10);
}
body[data-page="home"] .home-search button{
  height:34px;
  padding:0 18px;
}
.home-category-strip{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  margin:0 0 25px;
}
.home-category-card{
  min-width:0;
  min-height:58px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  color:var(--text);
  box-shadow:0 6px 17px rgba(68,84,111,.06);
  transition:.18s;
}
.home-category-card:hover{
  transform:translateY(-2px);
  border-color:rgba(41,125,255,.28);
  box-shadow:0 11px 24px rgba(68,84,111,.10);
}
.home-category-card>span{
  flex:0 0 auto;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#f4f7fb;
  font-size:20px;
}
.home-category-card strong{
  min-width:0;
  font-size:11.5px;
  line-height:1.35;
}
.section-eyebrow{
  display:block;
  margin-bottom:3px;
  color:#7b879a;
  font-size:9.5px;
  font-weight:950;
  letter-spacing:1.2px;
}
body[data-page="home"] .section-head h2{font-size:21px}
body[data-page="home"] .section-head p{font-size:12px;margin-top:2px}
.recommended-creators-section{
  margin-top:12px;
  padding:18px 18px 13px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 9px 25px rgba(68,84,111,.075);
}
.recommended-creators-section .section-head{margin-bottom:9px}
.creator-scroll-controls button{
  width:31px;
  height:28px;
  background:#fff;
}
body[data-page="home"] .recommended-creators{
  grid-auto-columns:116px;
  gap:11px;
  padding:5px 1px 8px;
}
body[data-page="home"] .recommended-creator{
  position:relative;
  padding:7px 5px 8px;
}
.creator-rank{
  position:absolute;
  z-index:2;
  top:5px;
  left:10px;
  min-width:24px;
  height:20px;
  display:grid;
  place-items:center;
  padding:0 5px;
  border-radius:999px;
  background:#151922;
  color:#fff;
  border:2px solid #fff;
  font-size:8.5px;
  font-weight:900;
  letter-spacing:.4px;
}
body[data-page="home"] .recommended-creator-avatar{
  width:78px;
  height:78px;
  border-width:3px;
}
body[data-page="home"] .recommended-creator strong{font-size:12px;margin-top:7px}
body[data-page="home"] .recommended-creator small{font-size:9.5px}
body[data-page="home"] .recommended-creator em{font-size:8.7px}
.home-market-section{
  margin-top:27px;
}
.home-market-head{align-items:center}
.market-filter-toggle,
.section-link{
  border:1px solid var(--line);
  border-radius:9px;
  background:#fff;
  color:#475467;
  padding:8px 11px;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.market-filter-toggle:hover,.section-link:hover{
  border-color:rgba(41,125,255,.32);
  color:#1769d2;
}
.home-quick-filters{
  padding-bottom:12px;
  gap:7px;
}
.home-quick-filters .chip{
  padding:6px 12px;
  font-size:10.5px;
  box-shadow:none;
}
.home-filter-panel{
  display:none;
  margin:0 0 14px;
  animation:homeFilterReveal .18s ease;
}
.home-filter-panel.show{display:grid}
@keyframes homeFilterReveal{
  from{opacity:0;transform:translateY(-5px)}
  to{opacity:1;transform:translateY(0)}
}
body[data-page="home"] .home-products-grid{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:11px;
}
body[data-page="home"] .product-card{
  border-radius:12px;
  box-shadow:0 8px 23px rgba(68,84,111,.085);
}
body[data-page="home"] .product-card:hover{
  transform:translateY(-3px);
  box-shadow:0 13px 28px rgba(68,84,111,.13);
}
body[data-page="home"] .product-card .thumb{height:165px}
body[data-page="home"] .card-body{padding:10px 11px 12px}
body[data-page="home"] .product-card h3{
  min-height:38px;
  margin-right:25px;
  margin-bottom:7px;
  font-size:12px;
  line-height:1.5;
}
body[data-page="home"] .creator{font-size:10px;margin-bottom:3px}
body[data-page="home"] .price{font-size:15px;margin-bottom:3px}
body[data-page="home"] .meta{font-size:9px;gap:6px}
body[data-page="home"] .heart{top:29px;right:9px;font-size:20px}
body[data-page="home"] .badge{top:7px;right:7px;padding:4px 7px;font-size:9px;border-radius:7px}
body[data-page="home"] .card-actions{margin-top:8px;gap:5px}
body[data-page="home"] .card-actions .btn{padding:6px 5px;font-size:9.5px;border-radius:8px}
.home-unique-section{
  margin-top:31px;
  padding-top:23px;
  border-top:1px solid var(--line);
}
.home-unique-row{
  grid-auto-columns:210px;
  gap:11px;
}
.home-benefit-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  margin:34px 0 0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--line);
}
.home-benefit-strip article{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:82px;
  padding:15px 17px;
  background:#fff;
}
.home-benefit-strip article>span{
  flex:0 0 auto;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#f4f7fb;
  font-size:21px;
}
.home-benefit-strip strong{display:block;font-size:12px}
.home-benefit-strip small{display:block;color:#7b879a;font-size:10px;margin-top:2px;line-height:1.45}
@media(max-width:1180px){.home-hero-layout{grid-template-columns:minmax(0,2fr) minmax(230px,.8fr)}
.home-hero-layout .promo-carousel{height:310px}
.side-promo{padding:18px 70px 18px 18px}
.side-promo-emoji{font-size:42px;right:13px}
.home-category-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-page="home"] .home-products-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:900px){.home-hero-layout{grid-template-columns:1fr}
.home-hero-layout .promo-carousel{height:auto;aspect-ratio:3/1}
.home-promo-stack{grid-template-columns:repeat(2,1fr);grid-template-rows:none}
.side-promo{min-height:130px}
body[data-page="home"] .home-search{width:min(760px,90%)}
body[data-page="home"] .home-products-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.home-benefit-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){body[data-page="home"] .page{padding-top:10px}
.home-hero-layout{gap:9px}
.home-hero-layout .promo-carousel{aspect-ratio:16/7;border-radius:11px}
.home-hero-layout .promo-caption{display:none}
.home-promo-stack{gap:9px}
.side-promo{min-height:110px;padding:15px 56px 15px 14px;border-radius:11px}
.side-promo-copy small{display:none}
.side-promo-copy strong{font-size:14px}
.side-promo-copy em{font-size:8.5px;margin-top:4px}
.side-promo-emoji{font-size:34px;right:9px;bottom:9px}
body[data-page="home"] .home-search{width:100%;margin:13px auto 12px}
.home-category-strip{
    display:flex;
    overflow-x:auto;
    scrollbar-width:none;
    gap:8px;
    margin-bottom:18px;
    padding-bottom:3px;
  }
.home-category-strip::-webkit-scrollbar{display:none}
.home-category-card{flex:0 0 160px;min-height:52px;padding:8px 10px}
.home-category-card>span{width:32px;height:32px;font-size:17px}
.recommended-creators-section{padding:14px 12px 9px;border-radius:13px}
.recommended-creators-section .section-head.compact{align-items:center}
body[data-page="home"] .recommended-creators{grid-auto-columns:96px}
body[data-page="home"] .recommended-creator-avatar{width:67px;height:67px}
.creator-rank{left:7px;top:4px}
.market-filter-toggle{padding:7px 9px}
body[data-page="home"] .home-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
body[data-page="home"] .product-card .thumb{height:145px}
.home-unique-row{grid-auto-columns:180px}
.home-benefit-strip{grid-template-columns:1fr}
.home-benefit-strip article{min-height:70px}}
@media(max-width:460px){.home-promo-stack{grid-template-columns:1fr}
.side-promo{min-height:92px}
.side-promo-copy strong br{display:none}
body[data-page="home"] .section-head h2{font-size:18px}
.home-market-head{flex-direction:row;align-items:center}
.home-market-head p{display:none}}
/* =========================================================
   Index page arrangement based on the supplied marketplace reference
   ========================================================= */
body[data-page="home"]{
  background:#f6f6f6;
}
body[data-page="home"] .site-header{
  position:sticky;
  top:0;
  background:#fff;
  border-bottom:0;
  box-shadow:none;
}
body[data-page="home"] .site-header .wrap,
body[data-page="home"] #homeApp.wrap{
  width:min(1210px,calc(100% - 28px));
}
body[data-page="home"] .reference-topbar{
  min-height:68px;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:28px;
  border-bottom:1px solid #dedede;
}
body[data-page="home"] .brand{
  gap:7px;
}
body[data-page="home"] .brand-mark{
  width:34px;
  height:34px;
  font-size:21px;
  color:#171717;
  background:#ffdc23;
  box-shadow:none;
}
body[data-page="home"] .brand-name{
  color:#171717;
  font-size:27px;
  font-weight:900;
  letter-spacing:-1.3px;
}
body[data-page="home"] .reference-main-nav{
  justify-content:flex-start;
  gap:27px;
  color:#161616;
  font-size:13px;
  font-weight:800;
}
body[data-page="home"] .reference-main-nav a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  opacity:1;
}
body[data-page="home"] .reference-main-nav a span{
  font-size:10px;
}
body[data-page="home"] .reference-actions{
  gap:8px;
}
body[data-page="home"] .reference-actions .pill,
body[data-page="home"] .reference-actions .icon-link,
body[data-page="home"] .reference-actions .profile-drawer-btn{
  height:34px;
  border:1px solid #dedede;
  background:#fff;
  color:#1e1e1e;
  box-shadow:none;
}
body[data-page="home"] .reference-actions .currency-pill{
  min-width:64px;
  padding:0 12px;
  font-size:11px;
}
body[data-page="home"] .reference-actions .icon-link{
  width:34px;
  font-size:15px;
}
body[data-page="home"] .reference-actions .icon-link em{
  top:-5px;
  right:-4px;
  min-width:14px;
  height:14px;
  padding:0 3px;
  font-size:8px;
  background:#ff4d65;
}
body[data-page="home"] .reference-actions .icon-link i{
  position:absolute;
  top:-3px;
  right:1px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#ff4d65;
}
body[data-page="home"] .reference-actions .profile-drawer-btn{
  min-width:57px;
  padding:0 8px;
  border-radius:999px;
}
body[data-page="home"] .reference-actions .profile-drawer-avatar{
  width:23px;
  height:23px;
  font-size:12px;
  background:#ececec;
}
body[data-page="home"] .reference-actions .profile-drawer-divider{
  height:18px;
}
body[data-page="home"] .reference-actions .profile-drawer-bars{
  font-size:14px;
}
body[data-page="home"] .reference-category-nav{
  min-height:51px;
  justify-content:space-between;
  gap:18px;
  padding:0;
  border-bottom:1px solid #dedede;
  color:#111;
  font-size:12px;
  font-weight:700;
}
body[data-page="home"] .reference-category-nav a{
  flex:0 0 auto;
  opacity:1;
}
body[data-page="home"] .page{
  padding:10px 0 54px;
}
body[data-page="home"] .home-hero-layout{
  grid-template-columns:minmax(0,2.39fr) minmax(285px,1fr);
  gap:10px;
}
body[data-page="home"] .home-hero-layout .promo-carousel{
  height:263px;
  border:0;
  border-radius:7px;
  box-shadow:none;
}
body[data-page="home"] .home-hero-layout .promo-slide img{
  object-fit:cover;
  object-position:center;
}
body[data-page="home"] .home-hero-layout .promo-slide::after,
body[data-page="home"] .home-hero-layout .promo-caption,
body[data-page="home"] .home-hero-layout .promo-dots{
  display:none;
}
body[data-page="home"] .home-hero-layout .promo-arrow{
  width:22px;
  height:42px;
  border:0;
  border-radius:0;
  background:transparent;
  color:rgba(255,255,255,.72);
  font-size:25px;
  opacity:.75;
  backdrop-filter:none;
}
body[data-page="home"] .home-hero-layout .promo-arrow:hover{
  background:rgba(0,0,0,.08);
  opacity:1;
}
body[data-page="home"] .home-hero-layout .promo-arrow.prev{left:3px}
body[data-page="home"] .home-hero-layout .promo-arrow.next{right:3px}
body[data-page="home"] .home-promo-stack{
  gap:10px;
}
body[data-page="home"] .side-promo{
  min-height:0;
  border:0;
  border-radius:7px;
  padding:17px 75px 17px 18px;
  box-shadow:none;
}
body[data-page="home"] .side-promo:hover{
  transform:none;
  box-shadow:none;
  filter:brightness(.99);
}
body[data-page="home"] .side-promo::before{
  width:105px;
  height:105px;
}
body[data-page="home"] .side-promo::after{
  width:62px;
  height:62px;
}
body[data-page="home"] .side-promo-copy{
  gap:3px;
}
body[data-page="home"] .side-promo-copy small{
  display:none;
}
body[data-page="home"] .side-promo-copy strong{
  font-size:14px;
  line-height:1.35;
  font-weight:750;
}
body[data-page="home"] .side-promo-copy em{
  margin-top:5px;
  padding:4px 8px;
  font-size:8px;
}
body[data-page="home"] .side-promo-art{
  top:8px;
  right:12px;
  font-size:18px;
}
body[data-page="home"] .side-promo-emoji{
  right:12px;
  bottom:7px;
  font-size:43px;
}
body[data-page="home"] .home-search{
  width:680px;
  max-width:80%;
  min-height:36px;
  height:36px;
  margin:24px auto 15px;
  padding:0 13px;
  gap:8px;
  border:1.5px solid #277cff;
  box-shadow:none;
}
body[data-page="home"] .home-search>span{
  font-size:18px;
}
body[data-page="home"] .home-search input{
  font-size:11px;
}
body[data-page="home"] .home-search button{
  display:none;
}
body[data-page="home"] .home-category-strip{
  display:none!important;
}
body[data-page="home"] .section{
  margin:0;
}
body[data-page="home"] .reference-section-head{
  min-height:27px;
  margin:0 0 14px;
  align-items:center;
  flex-direction:row;
}
body[data-page="home"] .reference-section-title{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#111;
}
body[data-page="home"] .reference-section-title h2{
  margin:0;
  font-size:16px;
  line-height:1.2;
  letter-spacing:0;
}
body[data-page="home"] .reference-section-title>span{
  font-size:23px;
  line-height:1;
  font-weight:300;
}
body[data-page="home"] .recommended-creators-section{
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body[data-page="home"] .creator-scroll-controls,
body[data-page="home"] .market-scroll-controls{
  display:flex;
  gap:2px;
}
body[data-page="home"] .creator-scroll-controls button,
body[data-page="home"] .market-scroll-controls button{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #d6d6d6;
  border-radius:2px;
  background:#fff;
  color:#555;
  font-size:17px;
  line-height:1;
  box-shadow:none;
  cursor:pointer;
}
body[data-page="home"] .recommended-creators{
  grid-auto-columns:104px;
  gap:10px;
  padding:0 0 12px;
}
body[data-page="home"] .recommended-creator{
  padding:0 3px;
  border-radius:0;
  color:#111;
}
body[data-page="home"] .recommended-creator:hover{
  background:transparent;
  transform:none;
}
body[data-page="home"] .recommended-creator-avatar{
  width:86px;
  height:86px;
  border:0;
  box-shadow:none;
  background:#fff;
}
body[data-page="home"] .recommended-creator strong{
  width:100%;
  margin-top:7px;
  color:#111;
  font-size:11px;
  font-weight:750;
}
body[data-page="home"] .recommended-creator small{
  width:100%;
  color:#888;
  font-size:9px;
}
body[data-page="home"] .recommended-creator em,
body[data-page="home"] .creator-rank{
  display:none;
}
body[data-page="home"] .home-market-section{
  margin-top:5px;
}
body[data-page="home"] .home-market-head{
  margin-bottom:8px;
}
body[data-page="home"] .home-quick-filters{
  gap:5px;
  padding:0 0 10px;
}
body[data-page="home"] .home-quick-filters .chip{
  min-height:23px;
  padding:3px 11px;
  border:1px solid #d7d7d7;
  border-radius:999px;
  background:#fff;
  color:#222;
  font-size:9px;
  font-weight:600;
}
body[data-page="home"] .home-quick-filters .chip.active,
body[data-page="home"] .home-quick-filters .chip:hover{
  border-color:#2176ef;
  background:#2176ef;
  color:#fff;
}
body[data-page="home"] .home-filter-panel{
  display:none!important;
}
body[data-page="home"] .home-products-grid{
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:6px;
}
body[data-page="home"] .product-card{
  border:1px solid #ededed;
  border-radius:6px;
  box-shadow:none;
}
body[data-page="home"] .product-card:hover{
  transform:translateY(-2px);
  border-color:#ddd;
  box-shadow:0 5px 14px rgba(0,0,0,.06);
}
body[data-page="home"] .product-card .thumb{
  height:auto;
  aspect-ratio:1/1;
}
body[data-page="home"] .product-card .thumb img{
  object-fit:cover;
}
body[data-page="home"] .card-body{
  padding:7px 7px 9px;
}
body[data-page="home"] .creator{
  margin-bottom:2px;
  font-size:8px;
  color:#777;
}
body[data-page="home"] .product-card h3{
  min-height:31px;
  margin:0 20px 5px 0;
  font-size:9.5px;
  line-height:1.45;
  font-weight:650;
}
body[data-page="home"] .heart{
  top:23px;
  right:5px;
  font-size:16px;
}
body[data-page="home"] .price{
  margin-bottom:2px;
  font-size:11.5px;
}
body[data-page="home"] .meta{
  gap:5px;
  margin:2px 0;
  font-size:7.5px;
}
body[data-page="home"] .meta:nth-of-type(2){
  display:none;
}
body[data-page="home"] .badge{
  top:5px;
  right:5px;
  padding:3px 5px;
  border-radius:4px;
  font-size:7px;
}
body[data-page="home"] .badge.purple{
  left:5px;
  right:auto;
}
body[data-page="home"] .card-actions{
  display:none;
}
body[data-page="home"] .home-unique-section{
  margin-top:18px;
  padding-top:13px;
}
body[data-page="home"] .home-unique-row{
  grid-auto-columns:155px;
  gap:6px;
}
body[data-page="home"] .home-benefit-strip{
  margin-top:24px;
}
@media(max-width:1180px){body[data-page="home"] .site-header .wrap,
  body[data-page="home"] #homeApp.wrap{width:min(100% - 24px,1000px)}
body[data-page="home"] .reference-main-nav{gap:18px}
body[data-page="home"] .reference-category-nav{gap:20px;justify-content:flex-start}
body[data-page="home"] .home-hero-layout .promo-carousel{height:235px}
body[data-page="home"] .home-products-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:900px){body[data-page="home"] .reference-topbar{grid-template-columns:auto 1fr auto;gap:14px}
body[data-page="home"] .reference-main-nav{display:none}
body[data-page="home"] .home-hero-layout{grid-template-columns:1fr}
body[data-page="home"] .home-hero-layout .promo-carousel{height:auto;aspect-ratio:3/1}
body[data-page="home"] .home-promo-stack{grid-template-columns:repeat(2,1fr);grid-template-rows:none}
body[data-page="home"] .side-promo{min-height:108px}
body[data-page="home"] .home-products-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:640px){body[data-page="home"] .site-header .wrap,
  body[data-page="home"] #homeApp.wrap{width:calc(100% - 18px)}
body[data-page="home"] .reference-topbar{min-height:58px}
body[data-page="home"] .brand-name{font-size:22px}
body[data-page="home"] .brand-mark{width:30px;height:30px;font-size:18px}
body[data-page="home"] .reference-actions .hide-sm{display:none}
body[data-page="home"] .reference-category-nav{min-height:43px;font-size:10px}
body[data-page="home"] .page{padding-top:8px}
body[data-page="home"] .home-hero-layout .promo-carousel{aspect-ratio:16/7}
body[data-page="home"] .home-promo-stack{gap:7px}
body[data-page="home"] .side-promo{min-height:92px;padding:12px 52px 12px 12px}
body[data-page="home"] .side-promo-copy strong{font-size:12px}
body[data-page="home"] .side-promo-emoji{font-size:31px}
body[data-page="home"] .home-search{max-width:94%;margin:14px auto 13px}
body[data-page="home"] .recommended-creators{grid-auto-columns:88px;gap:7px}
body[data-page="home"] .recommended-creator-avatar{width:70px;height:70px}
body[data-page="home"] .home-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
body[data-page="home"] .home-unique-row{grid-auto-columns:150px}}