/*
================================================================
AZMoney Theme CSS
File: themes/default/assets/style.css

Bạn có thể sửa CSS ở đây.
Không cần đổi ?v=...
Theme Engine tự dùng filemtime làm version.
================================================================
*/

/*
Ví dụ:

.az5-header {
    background: #fff;
}

.az5-hero {
    margin-top: 20px;
}
*/


/* ==============================================================
   HOME - LINK CẦM ĐỒ GẦN ĐÂY v1.4.3
   Đồng bộ trực tiếp với Hero AZMoney
   ============================================================== */

.az-home-nearby-link{
    display:inline-flex !important;
    align-items:center !important;
    gap:11px !important;
    width:auto !important;
    min-width:315px !important;
    max-width:360px !important;
    min-height:52px !important;
    margin:20px 0 18px 0 !important;
    padding:7px 10px !important;
    border:1px solid rgba(232,177,16,.78) !important;
    border-radius:13px !important;
    color:#fff !important;
    background:rgba(11,12,13,.82) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.025),
        0 8px 24px rgba(0,0,0,.18) !important;
    text-decoration:none !important;
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
    transition:
        transform .18s ease,
        border-color .18s ease,
        background .18s ease,
        box-shadow .18s ease !important;
}

.az-home-nearby-link:hover{
    transform:translateY(-2px) !important;
    border-color:#f5c22b !important;
    background:rgba(22,20,13,.92) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.035),
        0 12px 30px rgba(0,0,0,.25) !important;
}

.az-home-nearby-link__icon{
    display:grid !important;
    place-items:center !important;
    width:38px !important;
    height:38px !important;
    flex:0 0 38px !important;
    border-radius:10px !important;
    color:#151515 !important;
    background:linear-gradient(135deg,#ffd13b,#dea100) !important;
    font-size:17px !important;
    line-height:1 !important;
    box-shadow:0 4px 12px rgba(220,158,0,.20) !important;
}

.az-home-nearby-link span:nth-child(2){
    display:flex !important;
    flex:1 !important;
    min-width:0 !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:2px !important;
    text-align:left !important;
}

.az-home-nearby-link b{
    color:#fff !important;
    font-size:12.5px !important;
    font-weight:850 !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
}

.az-home-nearby-link small{
    color:rgba(255,255,255,.56) !important;
    font-size:9.8px !important;
    line-height:1.25 !important;
    white-space:nowrap !important;
}

.az-home-nearby-link > strong{
    display:grid !important;
    place-items:center !important;
    width:26px !important;
    height:26px !important;
    flex:0 0 26px !important;
    margin-left:3px !important;
    border-radius:999px !important;
    color:#f0b600 !important;
    background:rgba(226,170,0,.08) !important;
    font-size:15px !important;
    line-height:1 !important;
    transition:transform .18s ease,background .18s ease !important;
}

.az-home-nearby-link:hover > strong{
    transform:translateX(2px) !important;
    background:rgba(226,170,0,.16) !important;
}

@media(max-width:700px){
    .az-home-nearby-link{
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        margin:17px 0 16px !important;
    }

    .az-home-nearby-link b,
    .az-home-nearby-link small{
        white-space:normal !important;
    }
}


/* ==============================================================
   HOME HERO CTA LAYOUT v1.4.4
   Hàng 1: Cầm đồ gần đây
   Hàng 2: Định giá ngay + Hotline
   ============================================================== */

.az5-hero-nearby-row{
    display:flex;
    align-items:center;
    margin:20px 0 14px !important;
}

.az5-hero-nearby-row .az-home-nearby-link{
    display:inline-flex !important;
    align-items:center !important;
    gap:10px !important;
    width:auto !important;
    min-width:290px !important;
    max-width:340px !important;
    min-height:48px !important;
    margin:0 !important;
    padding:7px 10px !important;
    border:1px solid rgba(232,177,16,.82) !important;
    border-radius:12px !important;
    color:#fff !important;
    background:rgba(10,11,12,.84) !important;
    box-shadow:0 7px 20px rgba(0,0,0,.18) !important;
    text-decoration:none !important;
}

.az5-hero-nearby-row .az-home-nearby-link__icon{
    display:grid !important;
    place-items:center !important;
    width:36px !important;
    height:36px !important;
    flex:0 0 36px !important;
    border-radius:10px !important;
    color:#151515 !important;
    background:linear-gradient(135deg,#ffd13b,#dea100) !important;
    font-size:16px !important;
}

.az5-hero-nearby-row .az-home-nearby-link span:nth-child(2){
    display:flex !important;
    flex:1 !important;
    min-width:0 !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:2px !important;
}

.az5-hero-nearby-row .az-home-nearby-link b{
    color:#fff !important;
    font-size:12px !important;
    font-weight:900 !important;
    line-height:1.15 !important;
    letter-spacing:.01em !important;
}

.az5-hero-nearby-row .az-home-nearby-link small{
    color:rgba(255,255,255,.58) !important;
    font-size:9.5px !important;
    line-height:1.25 !important;
}

.az5-hero-nearby-row .az-home-nearby-link > strong{
    display:grid !important;
    place-items:center !important;
    width:24px !important;
    height:24px !important;
    flex:0 0 24px !important;
    margin-left:2px !important;
    border-radius:999px !important;
    color:#f0b600 !important;
    background:rgba(226,170,0,.08) !important;
    font-size:14px !important;
}

.az5-hero-nearby-row .az-home-nearby-link:hover{
    transform:translateY(-1px) !important;
    border-color:#f6c42e !important;
    background:rgba(20,18,12,.94) !important;
}

/* Hàng CTA cũ vẫn giữ nguyên bên dưới */
.az5-hero-actions{
    margin-top:0 !important;
}

@media(max-width:700px){
    .az5-hero-nearby-row{
        margin:16px 0 12px !important;
    }

    .az5-hero-nearby-row .az-home-nearby-link{
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
    }
}


/* HOME SERVICE AREAS v1.5 */
.az-home-areas{
    margin:36px 0;
    padding:26px;
    border:1px solid #e8e0c8;
    border-radius:18px;
    background:
        radial-gradient(circle at 100% 0,rgba(226,170,0,.10),transparent 34%),
        #fff;
    box-shadow:0 8px 28px rgba(0,0,0,.04)
}
.az-home-areas__head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:24px;
    margin-bottom:18px
}
.az-home-areas__head>div{
    max-width:760px
}
.az-home-areas__eyebrow{
    color:#a67800;
    font-size:10.5px;
    font-weight:900;
    letter-spacing:.1em
}
.az-home-areas__head h2{
    margin:5px 0 7px;
    font-size:clamp(24px,3vw,32px);
    line-height:1.15
}
.az-home-areas__head p{
    margin:0;
    color:#6b6b6b;
    font-size:13px;
    line-height:1.65
}
.az-home-areas__city{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 15px;
    border-radius:11px;
    color:#151515;
    background:linear-gradient(135deg,#f5c82f,#dda300);
    font-size:14px;
    font-weight:900
}
.az-home-areas__list{
    display:flex;
    flex-wrap:wrap;
    gap:8px
}
.az-home-areas__list span{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:0 11px;
    border:1px solid #e1d7ba;
    border-radius:999px;
    color:#4e4e4e;
    background:#fffdf8;
    font-size:11px;
    font-weight:750
}
.az-home-areas__list span:hover{
    border-color:#d5aa2b;
    color:#6f5300;
    background:#fff8df
}
.az-home-areas__actions{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin-top:18px
}
.az-home-areas__actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 12px;
    border:1px solid #d8aa27;
    border-radius:9px;
    color:#6c5100;
    background:#fff;
    font-size:11px;
    font-weight:850
}
.az-home-areas__actions a:first-child{
    color:#151515;
    background:#e3ab00
}
@media(max-width:700px){
    .az-home-areas{
        margin:26px 0;
        padding:20px 15px
    }
    .az-home-areas__head{
        flex-direction:column-reverse;
        gap:10px
    }
    .az-home-areas__city{
        min-height:34px;
        padding:0 11px;
        font-size:12px
    }
    .az-home-areas__list{
        gap:6px
    }
    .az-home-areas__list span{
        min-height:29px;
        padding:0 9px;
        font-size:10px
    }
}


/* HOME CLEAN v1.6 */

/*
 * Nút cầm đồ gần đây nằm đúng trong Hero:
 *
 * [ CẦM ĐỒ GẦN ĐÂY ]
 * [ ĐỊNH GIÁ NGAY ] [ HOTLINE ]
 */
.az5-hero-nearby-row{
    display:flex;
    align-items:center;
    margin:20px 0 14px
}

.az5-hero-nearby-row .az-home-nearby-link{
    display:inline-flex !important;
    align-items:center !important;
    gap:10px !important;
    width:auto !important;
    min-width:290px !important;
    max-width:340px !important;
    min-height:48px !important;
    margin:0 !important;
    padding:7px 10px !important;
    border:1px solid rgba(232,177,16,.82) !important;
    border-radius:12px !important;
    color:#fff !important;
    background:rgba(10,11,12,.84) !important;
    text-decoration:none !important;
    box-shadow:0 7px 20px rgba(0,0,0,.18) !important
}

.az5-hero-nearby-row .az-home-nearby-link__icon{
    display:grid !important;
    place-items:center !important;
    width:36px !important;
    height:36px !important;
    flex:0 0 36px !important;
    border-radius:10px !important;
    color:#151515 !important;
    background:linear-gradient(135deg,#ffd13b,#dea100) !important;
    font-size:16px !important
}

.az5-hero-nearby-row .az-home-nearby-link span:nth-child(2){
    display:flex !important;
    flex:1 !important;
    min-width:0 !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:2px !important
}

.az5-hero-nearby-row .az-home-nearby-link b{
    color:#fff !important;
    font-size:12px !important;
    font-weight:900 !important;
    line-height:1.15 !important
}

.az5-hero-nearby-row .az-home-nearby-link small{
    color:rgba(255,255,255,.58) !important;
    font-size:9.5px !important;
    line-height:1.25 !important
}

.az5-hero-nearby-row .az-home-nearby-link > strong{
    display:grid !important;
    place-items:center !important;
    width:24px !important;
    height:24px !important;
    flex:0 0 24px !important;
    margin-left:2px !important;
    border-radius:999px !important;
    color:#f0b600 !important;
    background:rgba(226,170,0,.08) !important;
    font-size:14px !important
}

.az5-hero-actions{
    margin-top:0 !important
}

@media(max-width:700px){
    .az5-hero-nearby-row{
        margin:16px 0 12px
    }

    .az5-hero-nearby-row .az-home-nearby-link{
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important
    }
}


/* ============================================================
   HOME - PROCESS + ASSET PRESERVATION v1.0
   Lightweight: HTML/CSS only, no JS/slider/animation.
   ============================================================ */
.az-home-process,
.az-home-preservation{
    width:min(1180px,calc(100% - 32px));
    margin:34px auto;
    border:1px solid #ececec;
    border-radius:22px;
    background:#fff;
    box-shadow:0 12px 34px rgba(16,18,20,.055)
}

.az-home-process{padding:30px}

.az-home-block-head{max-width:820px;margin:0 auto 24px;text-align:center}
.az-home-block-head>span,
.az-home-preservation__eyebrow{
    display:inline-block;
    margin-bottom:8px;
    color:#a87300;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em
}
.az-home-block-head h2,
.az-home-preservation__intro h2{
    margin:0;
    color:#17191c;
    font-size:clamp(24px,3vw,34px);
    line-height:1.18
}
.az-home-block-head p,
.az-home-preservation__intro>p{
    margin:12px 0 0;
    color:#62666d;
    font-size:15px;
    line-height:1.7
}

.az-home-process__grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:12px
}
.az-home-process__item{
    min-width:0;
    padding:18px 15px;
    border:1px solid #ece7d8;
    border-radius:16px;
    background:#fffdf7
}
.az-home-process__item>b{
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    margin-bottom:13px;
    border-radius:12px;
    color:#17191c;
    background:#f2bd24;
    font-size:13px;
    font-weight:950
}
.az-home-process__item h3,
.az-home-preservation__grid h3{
    margin:0 0 7px;
    color:#1c1e22;
    font-size:15px;
    line-height:1.35
}
.az-home-process__item p,
.az-home-preservation__grid p{
    margin:0;
    color:#6a6e74;
    font-size:13px;
    line-height:1.62
}
.az-home-process__cta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-top:16px;
    padding:14px 17px;
    border-radius:14px;
    color:#fff;
    background:#17191c;
    text-decoration:none
}
.az-home-process__cta span{font-size:13px;color:rgba(255,255,255,.72)}
.az-home-process__cta strong{font-size:13px;color:#f3c13a;white-space:nowrap}

.az-home-preservation{
    display:grid;
    grid-template-columns:minmax(0,.92fr) minmax(0,1.25fr);
    gap:26px;
    padding:30px;
    background:linear-gradient(135deg,#17191c 0,#22252a 100%);
    border-color:#24272b
}
.az-home-preservation__intro h2{color:#fff}
.az-home-preservation__intro>p{color:rgba(255,255,255,.66)}
.az-home-preservation__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px
}
.az-home-preservation__grid article{
    display:flex;
    align-items:flex-start;
    gap:11px;
    min-width:0;
    padding:15px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:15px;
    background:rgba(255,255,255,.045)
}
.az-home-preservation__grid i{
    display:grid;
    place-items:center;
    width:28px;
    height:28px;
    flex:0 0 28px;
    border-radius:999px;
    color:#17191c;
    background:#f2bd24;
    font-style:normal;
    font-size:12px;
    font-weight:950
}
.az-home-preservation__grid h3{color:#fff}
.az-home-preservation__grid p{color:rgba(255,255,255,.64)}
.az-home-preservation__note{
    grid-column:1/-1;
    padding:12px 15px;
    border-radius:12px;
    color:rgba(255,255,255,.72);
    background:rgba(242,189,36,.08);
    border:1px solid rgba(242,189,36,.18);
    font-size:12.5px;
    line-height:1.55
}
.az-home-preservation__note b{color:#f3c13a}

@media(max-width:980px){
    .az-home-process__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .az-home-preservation{grid-template-columns:1fr}
}

@media(max-width:700px){
    .az-home-process,
    .az-home-preservation{
        width:calc(100% - 24px);
        margin:24px auto;
        padding:20px 14px;
        border-radius:18px
    }
    .az-home-block-head{text-align:left;margin-bottom:17px}
    .az-home-block-head h2,
    .az-home-preservation__intro h2{font-size:24px}
    .az-home-block-head p,
    .az-home-preservation__intro>p{font-size:13.5px;line-height:1.62}
    .az-home-process__grid{grid-template-columns:1fr;gap:8px}
    .az-home-process__item{
        display:grid;
        grid-template-columns:38px minmax(0,1fr);
        gap:11px;
        padding:13px
    }
    .az-home-process__item>b{width:38px;height:38px;margin:0}
    .az-home-process__cta{align-items:flex-start;flex-direction:column;gap:5px}
    .az-home-preservation{gap:18px}
    .az-home-preservation__grid{grid-template-columns:1fr;gap:8px}
    .az-home-preservation__grid article{padding:13px}
}


/* =============================================================
   FAQ UI - HOME + SERVICE
   Native <details>, không dùng JS để giữ frontend nhẹ.
   ============================================================= */
.az-faq-block{
  margin:42px auto;
  padding:30px;
  border:1px solid #e9dfc4;
  border-radius:22px;
  background:linear-gradient(135deg,#fff 0%,#fffdf8 100%);
  box-shadow:0 12px 34px rgba(28,22,7,.055);
}
.az-faq-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin-bottom:20px;
}
.az-faq-head>div:first-child{max-width:820px}
.az-faq-eyebrow{
  display:inline-block;
  margin-bottom:8px;
  color:#9a7410;
  font-size:12px;
  font-weight:850;
  letter-spacing:.09em;
}
.az-faq-head h2{
  margin:0 0 9px;
  color:#171717;
  font-size:clamp(25px,2.4vw,36px);
  line-height:1.2;
  letter-spacing:-.02em;
}
.az-faq-head p{
  margin:0;
  color:#666;
  font-size:15px;
  line-height:1.65;
}
.az-faq-head__badge{
  display:grid;
  place-items:center;
  flex:0 0 54px;
  width:54px;
  height:54px;
  border-radius:16px;
  background:#f6ba16;
  color:#151515;
  font-size:25px;
  font-weight:900;
  box-shadow:0 8px 20px rgba(246,186,22,.22);
}
.az-faq-head__link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 17px;
  border:1px solid #e6d7ac;
  border-radius:12px;
  background:#fff8df;
  color:#5c4500;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
}
.az-faq-list{
  display:grid;
  gap:10px;
}
.az-faq-item{
  overflow:hidden;
  margin:0;
  border:1px solid #ebe5d6;
  border-radius:14px;
  background:#fff;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.az-faq-item[open]{
  border-color:#e4c86f;
  background:#fffefa;
  box-shadow:0 8px 22px rgba(80,62,12,.055);
}
.az-faq-item summary{
  display:grid;
  grid-template-columns:40px minmax(0,1fr) 28px;
  align-items:center;
  gap:13px;
  min-height:64px;
  padding:10px 16px;
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.az-faq-item summary::-webkit-details-marker{display:none}
.az-faq-item summary::marker{display:none;content:""}
.az-faq-item__number{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:10px;
  background:#fff7da;
  color:#7a5c00;
  font-size:12px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}
.az-faq-item summary strong{
  color:#242424;
  font-size:15px;
  font-weight:760;
  line-height:1.45;
}
.az-faq-item__toggle{
  position:relative;
  width:28px;
  height:28px;
  border-radius:999px;
  background:#f7f7f5;
}
.az-faq-item__toggle::before,
.az-faq-item__toggle::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:10px;
  height:2px;
  border-radius:2px;
  background:#665017;
  transform:translate(-50%,-50%);
}
.az-faq-item__toggle::after{
  transform:translate(-50%,-50%) rotate(90deg);
  transition:transform .18s ease;
}
.az-faq-item[open] .az-faq-item__toggle::after{
  transform:translate(-50%,-50%) rotate(0deg);
}
.az-faq-item__answer{
  margin:0 16px 16px 69px;
  padding:0 14px 0 0;
  border-top:1px solid #f0ecdf;
}
.az-faq-item__answer p{
  margin:13px 0 0;
  color:#5b5b5b;
  font-size:14px;
  line-height:1.7;
}
.az-service-faq{margin:0}

@media (max-width:700px){
  .az-faq-block{
    margin:30px auto;
    padding:20px 14px;
    border-radius:18px;
  }
  .az-faq-head{display:block;margin-bottom:16px}
  .az-faq-head h2{font-size:25px}
  .az-faq-head p{font-size:14px}
  .az-faq-head__badge{display:none}
  .az-faq-head__link{margin-top:14px;min-height:42px}
  .az-faq-item summary{
    grid-template-columns:34px minmax(0,1fr) 26px;
    gap:10px;
    min-height:60px;
    padding:9px 11px;
  }
  .az-faq-item__number{width:32px;height:32px;border-radius:9px}
  .az-faq-item summary strong{font-size:14px}
  .az-faq-item__toggle{width:26px;height:26px}
  .az-faq-item__answer{margin:0 11px 13px 55px;padding-right:6px}
  .az-faq-item__answer p{font-size:13px;line-height:1.65}
}


/* GOOGLE MAPS PIN ICON v1 */
.az-home-nearby-link__icon img{display:block!important;width:24px!important;height:auto!important;max-height:32px!important;object-fit:contain!important}

/* AZMoney Google Maps icon: transparent container (2026-08-09) */
.az-home-nearby-link__icon,
.az5-hero-nearby-row .az-home-nearby-link__icon{
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    padding:0 !important;
}
.az-home-nearby-link__icon img,
.az5-hero-nearby-row .az-home-nearby-link__icon img{
    display:block !important;
    width:32px !important;
    height:auto !important;
    max-height:40px !important;
    object-fit:contain !important;
}