:root{--ah-text:#242424;--ah-muted:#777;--ah-pink:#ff5b93;--ah-green:#7fc9b1;--ah-border:#ececec;--ah-bg:#f6f7f6;--ah-radius:18px}
.arencia-home{font-family:inherit;color:var(--ah-text);background:#f4f5f4;padding:14px 0 42px;overflow:hidden}.arencia-home *{box-sizing:border-box}.ah-shell{width:min(1320px,calc(100% - 32px));margin:0 auto}.ah-hero{width:min(1320px,calc(100% - 32px));margin:0 auto 18px}.ah-desktop-hero-grid{display:grid;grid-template-columns:minmax(0,2.08fr) minmax(300px,1fr);gap:14px;align-items:stretch}.ah-desktop-hero{position:relative;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.06)}.ah-desktop-hero--main{min-width:0}.ah-slides{position:relative;aspect-ratio:2.16/1}.ah-hero-side{display:grid;grid-template-rows:1fr 1fr;gap:14px;min-width:0}.ah-hero-side__item{display:block;overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.05);min-height:0}.ah-hero-side__item img{display:block;width:100%;height:100%;object-fit:cover}.ah-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s ease}.ah-slide.is-active{opacity:1;visibility:visible}.ah-slide img,.ah-mobile-hero img{display:block;width:100%;height:100%;object-fit:cover}.ah-mobile-hero{display:none;border-radius:16px;overflow:hidden}.ah-hero-arrow,.ah-arrow{border:0;background:rgba(255,255,255,.94);box-shadow:0 2px 10px rgba(0,0,0,.14);cursor:pointer}.ah-hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;font-size:30px;line-height:1;z-index:3}.ah-hero-arrow--prev{left:14px}.ah-hero-arrow--next{right:14px}.ah-dots{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:7px;background:rgba(255,255,255,.78);padding:7px 10px;border-radius:999px}.ah-dots button{width:9px;height:9px;border:0;border-radius:50%;background:#d9d9d9;padding:0;cursor:pointer}.ah-dots button.is-active{background:#ef6b9b;width:22px;border-radius:99px}.ah-categories,.ah-section,.ah-values{background:#fff;border-radius:var(--ah-radius);margin-bottom:18px}.ah-categories{padding:22px 20px}.ah-title-row,.ah-section__head{display:flex;justify-content:space-between;gap:20px;align-items:center}.ah-title-row{margin-bottom:18px}.ah-title-row h2,.ah-section__head h2{font-size:24px;line-height:1.2;margin:0;font-weight:700}.ah-title-row a,.ah-more{font-size:14px;font-weight:600;color:#333;text-decoration:none;white-space:nowrap}.ah-category-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:18px}.ah-category{text-align:center;text-decoration:none;color:#333;font-size:14px;display:flex;flex-direction:column;align-items:center;gap:10px}.ah-category__image{display:block;width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#c9e8ff,#e8c1ff 48%,#ffd4bd);padding:7px}.ah-category__image img{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:transform .25s ease}.ah-category:hover img{transform:scale(1.04)}.ah-section{padding:22px 16px}.ah-section--flash{background:linear-gradient(110deg,#85c8ff,#c89cff 47%,#ffb99f)}.ah-section--flash .ah-section__head h2,.ah-section--flash .ah-more{color:#fff}.ah-section--green{background:linear-gradient(180deg,#eef9f4,#fff 28%)}.ah-section--soft{background:linear-gradient(180deg,#fff2f6,#fff 28%)}.ah-section--new{background:linear-gradient(180deg,#f3f0ff,#fff 28%)}.ah-section__head{padding:0 4px 14px}.ah-section__head>div{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.ah-countdown{display:flex;gap:7px;align-items:center;font-size:13px;color:#fff}.ah-countdown b{background:#fff;color:#ee4f91;padding:7px 8px;border-radius:8px;min-width:34px;text-align:center}.ah-countdown i{font-style:normal}.ah-rail-wrap{position:relative}.ah-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,1fr);grid-template-rows:1fr;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:3px 2px}.ah-rail::-webkit-scrollbar{display:none}.ah-card{scroll-snap-align:start;background:#fff;border:1px solid #e5e5e5;border-radius:12px;overflow:hidden;min-width:0;box-shadow:0 2px 5px rgba(0,0,0,.05);transition:transform .2s ease,box-shadow .2s ease}.ah-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.08)}.ah-card__media{display:block;position:relative;aspect-ratio:1;background:#fff;overflow:hidden}.ah-card__media img{width:100%;height:100%;object-fit:contain;padding:9px}.ah-badge{position:absolute;z-index:2;top:8px;right:8px;padding:5px 7px;border-radius:7px;color:#fff;font-size:12px;font-weight:700}.ah-badge--sale{background:#f12534}.ah-badge--new{background:#ff335c;transform:rotate(0)}.ah-card__body{padding:11px 11px 12px}.ah-card__brand{font-size:12px;font-weight:800;color:#ab8cff;margin-bottom:5px}.ah-card__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:42px;color:#3a3a3a;text-decoration:none;font-size:14px;line-height:1.5}.ah-card__price{margin-top:8px;font-weight:700;color:#ef3378;font-size:16px}.ah-card__price del{color:#929292;font-weight:400;font-size:12px;margin-left:5px}.ah-card__price ins{text-decoration:none}.ah-card__meta{margin-top:8px;display:flex;justify-content:space-between;gap:10px;color:#777;font-size:11px}.ah-card__meta span:first-child{color:#f5a800}.ah-arrow{position:absolute;top:43%;transform:translateY(-50%);z-index:4;width:38px;height:38px;border-radius:50%;font-size:27px}.ah-arrow--prev{left:-7px}.ah-arrow--next{right:-7px}.ah-campaign{margin:0 0 18px;border-radius:18px;overflow:hidden;background:#fff}.ah-campaign img{width:100%;display:block}.ah-values{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 10px;gap:8px}.ah-values>div{text-align:center;padding:15px 12px;border-right:1px solid var(--ah-border)}.ah-values>div:last-child{border-right:0}.ah-values span{display:block;font-size:24px;margin-bottom:8px}.ah-values b{display:block;font-size:14px;margin-bottom:5px}.ah-values small{color:var(--ah-muted);font-size:12px}.ah-notice{padding:20px;background:#fff3cd;border:1px solid #ffe69c}
@media (min-width:1080px){.ah-rail{grid-auto-columns:calc((100% - 48px)/5)}}
@media (max-width:1023px){.ah-desktop-hero-grid{grid-template-columns:minmax(0,1.72fr) minmax(245px,1fr);gap:10px}.ah-hero-side{gap:10px}.ah-category-grid{grid-template-columns:repeat(4,1fr)}.ah-rail{grid-auto-columns:calc((100% - 24px)/3)}.ah-values{grid-template-columns:repeat(2,1fr)}.ah-values>div:nth-child(2){border-right:0}}
@media (max-width:767px){.arencia-home{padding-top:0}.ah-shell,.ah-hero{width:100%}.ah-desktop-hero-grid{display:none}.ah-desktop-hero{display:none}.ah-mobile-hero{display:block;border-radius:0}.ah-mobile-hero img{height:auto;object-fit:cover}.ah-categories,.ah-section,.ah-values{border-radius:0;margin-bottom:10px}.ah-categories{padding:17px 12px}.ah-title-row h2,.ah-section__head h2{font-size:19px}.ah-category-grid{display:flex;overflow:auto;gap:12px;scrollbar-width:none}.ah-category-grid::-webkit-scrollbar{display:none}.ah-category{flex:0 0 86px;font-size:12px}.ah-category__image{padding:4px}.ah-section{padding:17px 10px}.ah-section__head{align-items:flex-start}.ah-section__head>div{gap:8px}.ah-countdown span{display:none}.ah-countdown b{padding:5px 6px;min-width:30px}.ah-rail{grid-auto-columns:44vw;gap:9px}.ah-arrow{display:none}.ah-card__title{font-size:13px;min-height:39px}.ah-card__price{font-size:14px}.ah-card__meta{font-size:10px}.ah-campaign{border-radius:0;margin-bottom:10px}.ah-values{grid-template-columns:repeat(2,1fr);padding:8px}.ah-values>div{padding:13px 8px}.ah-values small{font-size:10px}}

.ah-section--blue{background:linear-gradient(180deg,#eef8ff,#fff 30%)}
.ah-section--mint{background:linear-gradient(180deg,#effaf5,#fff 30%)}
.ah-section--peach{background:linear-gradient(180deg,#fff4ec,#fff 30%)}
.ah-section--lilac{background:linear-gradient(180deg,#f6f0ff,#fff 30%)}
.ah-section--sun{background:linear-gradient(180deg,#fff9df,#fff 30%)}
.ah-section--warm{background:linear-gradient(180deg,#fff1f1,#fff 30%)}

.ah-recommendations{background:#fff;border-radius:var(--ah-radius);margin-bottom:18px;padding:14px 12px 12px}
.ah-recommendations__tabs{display:flex;align-items:center;gap:10px;margin:-28px 0 12px 2px;position:relative;z-index:2}
.ah-recommendations__tab{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 16px;border-radius:999px;background:#fff;color:#ef6b9b;text-decoration:none;font-size:14px;font-weight:700;box-shadow:0 2px 7px rgba(0,0,0,.14);border:1px solid #eee}
.ah-recommendations__tab.is-active{color:#fff;border-color:transparent;background:linear-gradient(100deg,#83c9ff,#dc9ef6 50%,#ffb8a0)}
.ah-recommendations__tab span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.9);color:#ef6b9b;font-size:13px}
.ah-recommendations__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.ah-recommendations__item{min-width:0}
.ah-recommendations__item.is-extra{display:none}
.ah-recommendations.is-expanded .ah-recommendations__item.is-extra{display:block}
.ah-recommendations .ah-card{height:100%}
.ah-recommendations .ah-card__media{aspect-ratio:1.12/1}
.ah-recommendations .ah-card__media img{padding:14px}
.ah-recommendations__more-wrap{text-align:center;padding:12px 0 0}
.ah-recommendations__more{border:1px solid #ddd;background:#fff;border-radius:7px;padding:8px 22px;min-width:116px;font-size:13px;color:#222;cursor:pointer}
.ah-recommendations__more:hover{border-color:#bbb;background:#fafafa}
@media(max-width:1023px){
  .ah-recommendations__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:767px){
  .ah-recommendations{border-radius:0;margin-bottom:10px;padding:14px 10px 12px}
  .ah-recommendations__tabs{margin:-25px 0 10px 0;overflow-x:auto;scrollbar-width:none}
  .ah-recommendations__tabs::-webkit-scrollbar{display:none}
  .ah-recommendations__tab{flex:0 0 auto;min-height:36px;padding:0 14px;font-size:13px}
  .ah-recommendations__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ah-recommendations .ah-card__title{min-height:39px}
}

/* v0.6 — Danh mục sản phẩm chỉ hiển thị 1 hàng */
.ah-category-carousel{position:relative}
.ah-category-grid{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:18px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  padding:2px 2px 8px;
}
.ah-category-grid::-webkit-scrollbar{display:none}
.ah-category{
  flex:0 0 calc((100% - 126px)/8);
  min-width:0;
  scroll-snap-align:start;
}
.ah-category-arrow{
  position:absolute;
  z-index:6;
  top:42%;
  transform:translateY(-50%);
  width:40px;
  height:40px;
  border-radius:50%;
  border:1px solid #e2e2e2;
  background:#fff;
  color:#333;
  box-shadow:0 2px 9px rgba(0,0,0,.14);
  font-size:27px;
  line-height:1;
  cursor:pointer;
}
.ah-category-arrow--prev{left:-13px}
.ah-category-arrow--next{right:-13px}
.ah-category-arrow:disabled{opacity:.28;cursor:default}
@media(max-width:1023px){
  .ah-category{flex-basis:calc((100% - 54px)/4)}
}
@media(max-width:767px){
  .ah-category-grid{gap:12px;padding-left:0;padding-right:0}
  .ah-category{flex-basis:86px}
  .ah-category-arrow{display:none}
}

/* v0.7 — Nút chuyển carousel sản phẩm nhỏ, gọn hơn */
.ah-rail-wrap .ah-arrow{
  width:30px;
  height:30px;
  font-size:20px;
  line-height:28px;
  top:42%;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 2px 7px rgba(0,0,0,.12);
}
.ah-rail-wrap .ah-arrow--prev{left:-5px}
.ah-rail-wrap .ah-arrow--next{right:-5px}
.ah-rail-wrap .ah-arrow:hover{
  background:#fff;
  box-shadow:0 3px 10px rgba(0,0,0,.16);
}
@media(max-width:1023px) and (min-width:768px){
  .ah-rail-wrap .ah-arrow{
    width:28px;
    height:28px;
    font-size:18px;
    line-height:26px;
  }
}

/* v0.8 — Nút chuyển sản phẩm tinh gọn theo mẫu */
.ah-rail-wrap .ah-arrow{
  width:34px;
  height:34px;
  padding:0;
  border-radius:50%;
  border:1px solid #e7e7e7;
  background:#fff;
  color:transparent;
  font-size:0;
  line-height:1;
  box-shadow:0 2px 6px rgba(0,0,0,.10),0 1px 2px rgba(0,0,0,.05);
  display:flex;
  align-items:center;
  justify-content:center;
  transition:box-shadow .18s ease,border-color .18s ease,background .18s ease;
}
.ah-rail-wrap .ah-arrow::before{
  content:"";
  width:7px;
  height:7px;
  border-top:1.4px solid #222;
  border-right:1.4px solid #222;
  display:block;
}
.ah-rail-wrap .ah-arrow--prev::before{
  transform:rotate(-135deg);
  margin-left:3px;
}
.ah-rail-wrap .ah-arrow--next::before{
  transform:rotate(45deg);
  margin-right:3px;
}
.ah-rail-wrap .ah-arrow--prev{left:-7px}
.ah-rail-wrap .ah-arrow--next{right:-7px}
.ah-rail-wrap .ah-arrow:hover{
  background:#fff;
  border-color:#dedede;
  box-shadow:0 4px 10px rgba(0,0,0,.13),0 1px 2px rgba(0,0,0,.06);
}
@media(max-width:1023px) and (min-width:768px){
  .ah-rail-wrap .ah-arrow{width:32px;height:32px}
  .ah-rail-wrap .ah-arrow::before{width:6px;height:6px}
}

/* v0.9 — Thu nhỏ nút Hero + Danh mục, ẩn thanh/chấm chạy dưới banner */

/* Ẩn thanh/chấm trạng thái banner */
.ah-dots{
  display:none !important;
}

/* Hero slider: nút nhỏ, tối giản */
.ah-hero .ah-hero-arrow{
  width:32px !important;
  height:32px !important;
  padding:0 !important;
  border-radius:50% !important;
  border:1px solid #e7e7e7 !important;
  background:rgba(255,255,255,.96) !important;
  color:transparent !important;
  font-size:0 !important;
  box-shadow:0 2px 6px rgba(0,0,0,.10) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.ah-hero .ah-hero-arrow::before{
  content:"";
  width:7px;
  height:7px;
  border-top:1.4px solid #222;
  border-right:1.4px solid #222;
  display:block;
}
.ah-hero .ah-hero-arrow--prev{
  left:10px !important;
}
.ah-hero .ah-hero-arrow--next{
  right:10px !important;
}
.ah-hero .ah-hero-arrow--prev::before{
  transform:rotate(-135deg);
  margin-left:3px;
}
.ah-hero .ah-hero-arrow--next::before{
  transform:rotate(45deg);
  margin-right:3px;
}
.ah-hero .ah-hero-arrow:hover{
  background:#fff !important;
  box-shadow:0 4px 10px rgba(0,0,0,.13) !important;
}

/* Danh mục: nút nhỏ hơn Hero một chút */
.ah-category-carousel .ah-category-arrow{
  width:30px !important;
  height:30px !important;
  padding:0 !important;
  border-radius:50% !important;
  border:1px solid #e7e7e7 !important;
  background:#fff !important;
  color:transparent !important;
  font-size:0 !important;
  box-shadow:0 2px 6px rgba(0,0,0,.10) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.ah-category-carousel .ah-category-arrow::before{
  content:"";
  width:6px;
  height:6px;
  border-top:1.35px solid #222;
  border-right:1.35px solid #222;
  display:block;
}
.ah-category-carousel .ah-category-arrow--prev{
  left:-5px !important;
}
.ah-category-carousel .ah-category-arrow--next{
  right:-5px !important;
}
.ah-category-carousel .ah-category-arrow--prev::before{
  transform:rotate(-135deg);
  margin-left:3px;
}
.ah-category-carousel .ah-category-arrow--next::before{
  transform:rotate(45deg);
  margin-right:3px;
}
.ah-category-carousel .ah-category-arrow:hover{
  box-shadow:0 4px 9px rgba(0,0,0,.12) !important;
}

/* Tablet */
@media(max-width:1023px) and (min-width:768px){
  .ah-hero .ah-hero-arrow{
    width:30px !important;
    height:30px !important;
  }
  .ah-category-carousel .ah-category-arrow{
    width:28px !important;
    height:28px !important;
  }
}

/* Mobile: vẫn ưu tiên thao tác vuốt */
@media(max-width:767px){
  .ah-hero .ah-hero-arrow,
  .ah-category-carousel .ah-category-arrow{
    display:none !important;
  }
}

/* v1.0 — Ẩn toàn bộ nút điều hướng ở banner Hero */
.ah-hero .ah-hero-arrow,
.ah-hero-arrow--prev,
.ah-hero-arrow--next{
  display:none !important;
}

/* v1.2 — 2 banner ngang bổ sung giữa các nhóm sản phẩm */
.ah-editorial-banner{
  width:100%;
  margin:0 0 18px;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 4px 18px rgba(0,0,0,.05);
}
.ah-editorial-banner img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}
@media(max-width:767px){
  .ah-editorial-banner{
    margin-bottom:10px;
    border-radius:0;
    box-shadow:none;
  }
}


/* v1.4 — Tin tức / Blog */
.ah-blog{
  background:#fff;
  border-radius:18px;
  padding:22px 16px 16px;
  margin-bottom:18px;
}
.ah-blog__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  margin-bottom:18px;
}
.ah-blog__head h2{
  margin:0 0 12px;
  font-size:23px;
  line-height:1.2;
  color:#222;
  font-weight:700;
}
.ah-blog__tabs{
  display:flex;
  align-items:center;
  gap:8px;
}
.ah-blog__tabs a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 13px;
  border:1px solid #e1e4e8;
  border-radius:999px;
  background:#fff;
  color:#333;
  font-size:14px;
  line-height:1;
  text-decoration:none;
  transition:.18s ease;
}
.ah-blog__tabs a:hover{
  border-color:#d5b2e8;
  color:#d85c8e;
}
.ah-blog__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.ah-blog-card{
  min-width:0;
  overflow:hidden;
  border:1px solid #e5e5e5;
  border-radius:12px;
  background:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.10);
  transition:transform .18s ease,box-shadow .18s ease;
}
.ah-blog-card:hover{
  transform:translateY(-2px);
  box-shadow:0 5px 14px rgba(0,0,0,.12);
}
.ah-blog-card__image{
  display:block;
  aspect-ratio:1.45/1;
  overflow:hidden;
  background:#f1f3f2;
}
.ah-blog-card__image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .28s ease;
}
.ah-blog-card:hover .ah-blog-card__image img{
  transform:scale(1.025);
}
.ah-blog-card__placeholder{
  display:flex;
  width:100%;
  height:100%;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#eaf7ee,#f8edf5);
  color:#76927b;
  font-size:20px;
  font-weight:600;
}
.ah-blog-card__body{
  padding:12px 13px 14px;
}
.ah-blog-card__title{
  display:-webkit-box;
  min-height:44px;
  overflow:hidden;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  color:#272727;
  font-size:15px;
  line-height:1.45;
  font-weight:500;
  text-decoration:none;
}
.ah-blog-card__title:hover{
  color:#e64f87;
}
.ah-blog__more{
  text-align:center;
  padding-top:18px;
}
.ah-blog__more a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:145px;
  height:40px;
  padding:0 22px;
  border:1px solid #ddd;
  border-radius:7px;
  background:#fff;
  color:#222;
  font-size:14px;
  font-weight:600;
  text-decoration:none;
}
.ah-blog__more a:hover{
  border-color:#ccc;
  background:#fafafa;
}
@media(max-width:1023px){
  .ah-blog__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:767px){
  .ah-blog{
    border-radius:0;
    padding:18px 10px 14px;
    margin-bottom:10px;
  }
  .ah-blog__head h2{
    font-size:19px;
  }
  .ah-blog__tabs{
    overflow-x:auto;
    scrollbar-width:none;
  }
  .ah-blog__tabs::-webkit-scrollbar{
    display:none;
  }
  .ah-blog__tabs a{
    flex:0 0 auto;
    min-height:32px;
    padding:0 12px;
    font-size:13px;
  }
  .ah-blog__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
  }
  .ah-blog-card__body{
    padding:10px;
  }
  .ah-blog-card__title{
    min-height:39px;
    font-size:13px;
  }
  .ah-blog__more{
    padding-top:14px;
  }
  .ah-blog__more a{
    height:38px;
    min-width:130px;
    font-size:13px;
  }
}