.sim-site{
  --theme-primary:#C4161C;
  --theme-primary-dark:#8E1014;
  --bs-danger-rgb:196,22,28;
  font-family:'Be Vietnam Pro',sans-serif;
  color:#1A1718;
  background:#fff;
  line-height:1.6}

.sim-site h1,.sim-site h2,.sim-site h3{
  font-weight:800;
  letter-spacing:-.025em;
  color:#1A1718}

.sim-site a{
  text-decoration:none}

.sim-site .btn{
  font-weight:700;
  border-radius:8px;
  padding:12px 18px;
  min-height:44px}
.sim-site .btn-danger{
  background:#C4161C;
  border-color:#C4161C}
.sim-site .btn-danger:hover{
  background:#8E1014;
  border-color:#8E1014}
.sim-site .btn-outline-secondary{
  color:#1A1718;
  border-color:#D2C4C2}
.sim-site .btn-outline-secondary:hover{
  background:#F4EDEC}
.sim-site :focus-visible{
  outline:3px solid #1B5E8F;
  outline-offset:4px}

.site-topbar{
  background:#FBF8F7;
  border-bottom:1px solid #EADFDD;
  font-size:12px;
  color:#6B6163}
.site-topbar .container{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding-top:8px;
  padding-bottom:8px}
.site-topbar a{
  color:#1A1718;
  font-weight:700}

.site-header{
  background:#fff;
  border-bottom:1px solid #EADFDD}
.header-main{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding-top:24px;
  padding-bottom:24px}
.site-brand{
  display:inline-flex;
  align-items:center;
  gap:13px}
.site-logo{
  width:58px;
  height:58px;
  flex-shrink:0;
  border-radius:14px;
  background:#C4161C;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:29px;
  font-weight:800;
  object-fit:contain}
img.site-logo{
  background:#fff}
.brand-copy{
  display:flex;
  flex-direction:column;
  line-height:1.15}
.brand-copy strong{
  font-size:27px;
  color:#1A1718;
  letter-spacing:-.03em}
.brand-copy>span{
  font-size:14px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#C4161C;
  margin-top:4px}
.site-nav{
  display:flex;
  gap:28px}
.site-nav a,.site-nav .nav-placeholder{
  color:#6B6163;
  font-size:15px;
  font-weight:700;
  padding:8px 0}
.site-nav a[aria-current],.site-nav a:hover{
  color:#C4161C}

.site-eyebrow{
  font-size:12px;
  letter-spacing:.13em;
  text-transform:uppercase;
  font-weight:800;
  color:#C4161C}
.home-hero{
  background:#C4161C;
  padding:52px 0 56px;
  color:white}
.home-hero .site-eyebrow{
  color:#FFD9DA}
.home-hero h1{
  font-size:52px;
  line-height:1.08;
  color:white;
  margin:14px 0}
.home-hero>.container>p{
  max-width:650px;
  font-size:18px;
  color:#FFE2E3}
.hero-options{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-top:34px}
.hero-options>a{
  border:1px solid #ffffff42;
  border-radius:14px;
  background:#ffffff1f;
  padding:26px 28px;
  color:white}
.hero-options i{
  font-size:28px}
.hero-options h2{
  font-size:28px;
  margin:10px 0;
  color:white}
.hero-options p{
  color:#FFF0F0}
.hero-options span{
  display:block;
  background:white;
  color:#C4161C;
  text-align:center;
  border-radius:8px;
  padding:13px;
  font-weight:700;
  margin-top:20px}
.home-stats{
  background:#1A1718;
  color:#A69B9D}
.home-stats .container{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
  padding-top:20px;
  padding-bottom:20px;
  font-size:13px}
.home-stats strong{
  display:block;
  color:white;
  font-size:23px}
.home-section{
  padding-top:62px;
  padding-bottom:62px;
  scroll-margin-top:20px}
.home-section>h2{
  font-size:34px;
  margin:8px 0 12px}
.section-intro{
  color:#6B6163}
.itel-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
  margin-top:36px;
  align-items:stretch}
.itel-card{
  position:relative;
  border:1px solid #EADFDD;
  border-radius:12px;
  padding:24px 22px;
  display:flex;
  flex-direction:column;
  min-width:0}
.itel-card.featured{
  border:2px solid #E9262A;
  box-shadow:0 10px 30px #e9262a14}
.featured-label{
  position:absolute;
  top:-16px;
  left:22px;
  background:#C4161C;
  color:white;
  border-radius:5px;
  padding:5px 12px;
  font-size:13px;
  font-weight:700}
.itel-card-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  margin:12px 0 4px;
  font-size:13px;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:#6B6163;
  font-weight:800}
.discount-label{
  background:#1F7A45;
  color:white;
  padding:4px 8px;
  border-radius:5px;
  letter-spacing:0}
.itel-card h3{
  font-size:24px;
  white-space:nowrap}
.itel-note{
  color:#1B5E8F;
  font-size:13px;
  margin-bottom:0}
.itel-price{
  display:flex;
  align-items:baseline;
  gap:8px;
  flex-wrap:wrap;
  margin-top:20px}
.itel-price strong{
  font:700 32px 'Source Serif Pro',Georgia,serif;
  color:#C4161C}
.itel-price del{
  color:#6B6163;
  font-size:16px}
.itel-period{
  font-size:13px;
  color:#6B6163;
  margin-top:8px}
.itel-saving{
  font-size:13px;
  color:#1F7A45;
  background:#E8F3EC;
  padding:8px 10px;
  border-radius:6px;
  font-weight:700;
  margin-bottom:15px}
.itel-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:auto;
  padding-top:16px}
.itel-actions .btn{
  font-size:13px;
  flex:1;
  padding:10px}
.purchase-note{
  font-size:12px;
  color:#6B6163;
  margin:14px 0 0}
.itel-breakdown{
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  margin:24px 0}
.itel-breakdown dd{
  margin:0;
  text-align:right}
.home-comparison{
  background:#FBF8F7;
  border-block:1px solid #EADFDD;
  padding:56px 0}
.comparison-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px}
.comparison-grid h2{
  font-size:36px;
  margin:10px 0 20px}
.comparison-grid p{
  color:#6B6163}
.comparison-panel{
  background:#fff;
  border:1px solid #EADFDD;
  border-radius:12px;
  padding:28px}
.comparison-panel>div{
  display:flex;
  justify-content:space-between;
  gap:16px;
  border-bottom:1px solid #EADFDD;
  padding:15px 0;
  font-size:14px}
.comparison-panel strong{
  color:#C4161C;
  white-space:nowrap}
.comparison-panel>p{
  font-size:12px;
  margin:20px 0 0}
.network-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  margin-top:26px}
.network-card{
  border:1px solid #EADFDD;
  border-radius:12px;
  padding:24px;
  color:#1A1718;
  display:flex;
  flex-direction:column}
.network-card:hover{
  border-color:#C4161C;
  background:#FBF8F7}
.network-icon{
  width:46px;
  height:46px;
  border-radius:9px;
  color:white;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  margin-bottom:14px}
.network-card h3{
  font-size:20px}
.network-card p{
  font-size:13px;
  color:#6B6163}
.network-action{
  font-weight:700;
  color:#C4161C;
  font-size:14px;
  margin-top:auto}

.site-footer{
  background:#1A1718;
  color:#BFB4B6;
  padding:44px 0 28px}
.footer-grid{
  display:grid;
  grid-template-columns:1.6fr 1fr 1fr 1fr;
  gap:38px}
.site-footer .site-logo{
  width:38px;
  height:38px;
  font-size:20px;
  border-radius:8px}
.site-footer .brand-copy strong{
  font-size:19px;
  color:white}
.site-footer .brand-copy>span{
  color:#FF8A8D;
  font-size:11px}
.site-footer p{
  font-size:13px;
  margin-top:16px}
.site-footer h2{
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:white;
  margin:0 0 18px}
.site-footer ul{
  list-style:none;
  padding:0;
  margin:0}
.site-footer li{
  margin:9px 0}
.site-footer a{
  color:#BFB4B6;
  font-size:13px}
.site-footer a:hover{
  color:white}
.footer-contact{
  display:flex;
  gap:10px;
  flex-wrap:wrap}
.footer-contact a{
  background:#ffffff14;
  color:white;
  padding:7px 10px;
  border-radius:6px}
.footer-bottom{
  border-top:1px solid #ffffff20;
  margin-top:30px;
  padding-top:20px;
  display:flex;
  justify-content:space-between;
  gap:30px;
  font-size:12px}
.footer-bottom span:first-child{
  flex-shrink:0}
.footer-bottom span:last-child{
  flex:1;
  text-align:right}

.provider-heading{
  padding-top:28px;
  padding-bottom:24px}
.site-breadcrumb{
  font-size:13px;
  color:#6B6163;
  margin-bottom:24px}
.site-breadcrumb a{
  color:#6B6163}
.provider-heading h1{
  font-size:36px;
  margin:10px 0 14px}
.provider-heading>p{
  color:#6B6163}
.provider-nav{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:24px}
.provider-nav-label{
  font-size:14px;
  font-weight:700;
  color:#6B6163;
  margin-right:8px}
.provider-nav a{
  padding:10px 22px;
  border:1px solid #D2C4C2;
  border-radius:8px;
  color:#1A1718;
  font-size:14px;
  font-weight:700}
.provider-nav a[aria-current]{
  background:#C4161C;
  color:white;
  border-color:#C4161C}

.sim-site .phone-search-section{
  background:#FBF8F7!important}
.sim-site .phone-search-section .col-lg-8{
  width:100%}
.sim-site .phone-search-form .card{
  border:1px solid #EADFDD;
  border-radius:12px;
  box-shadow:none!important}
.sim-site .phone-search-form .card-title{
  text-align:left!important}
.sim-site .phone-search-form .input-group-text,.sim-site .phone-search-form .form-control,.sim-site .phone-search-form .btn-danger{
  border:1px solid #D2C4C2}
.sim-site .phone-search-form .form-text{
  text-align:left!important}
.sim-site .packages-section .text-center h2{
  display:none}
.sim-site #packageTabs{
  justify-content:flex-start!important;
  border-bottom:2px solid #EADFDD;
  gap:12px}
.sim-site #packageTabs .nav-link{
  color:#6B6163!important;
  border-bottom:3px solid transparent;
  padding:15px 20px}
.sim-site #packageTabs .nav-link.active{
  color:#C4161C!important;
  border-color:#C4161C}
.sim-site .package-group-header{
  background:none;
  border:0;
  padding:0;
  margin-bottom:18px}
.sim-site .package-group-title{
  font-size:20px;
  color:#1A1718}
.sim-site .package-group .row,.sim-site .hot-packages .row{
  --bs-gutter-x:18px;
  --bs-gutter-y:18px}
.sim-site .package-card{
  border:1px solid #EADFDD;
  border-radius:12px;
  box-shadow:none!important;
  transition:border-color .15s}
.sim-site .package-card:hover{
  transform:none;
  box-shadow:none;
  border-color:#C4161C}
.sim-site .badge-package{
  position:static;
  transform:none;
  align-self:flex-start;
  margin:20px 20px 0!important;
  background:none;
  color:#1A1718;
  border:0;
  box-shadow:none;
  padding:0;
  font-size:19px}
.sim-site .package-card .card-body{
  padding:12px 20px 20px!important;
  text-align:left!important}
.sim-site .package-card .card-title{
  color:#C4161C;
  font-size:25px;
  margin:0 0 12px}
.sim-site .package-card .card-title small{
  font-size:18px}
.sim-site .package-icons{
  display:none}
.sim-site .package-card .price-tag .fs-4{
  font-family:'Source Serif Pro',Georgia,serif;
  font-size:25px!important;
  color:#1A1718}
.sim-site .package-card .benefits-summary{
  font-size:12px;
  line-height:1.6}
.sim-site .package-card .d-grid{
  display:flex!important;
  gap:8px!important}
.sim-site .package-card .d-grid .btn{
  font-size:12px;
  padding:10px 12px;
  flex:1}
.sim-site .faq-section{
  background:#FBF8F7!important}
.sim-site .modal-title{
  font-weight:700}
.sim-site .modal-content{
  border-radius:14px}

@media(min-width:1200px){
  .sim-site .package-group .row>.col-lg-3,.sim-site .hot-packages .row>.col-lg-3{
  width:20%}
}

@media(max-width:991px){
  .itel-grid,.network-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))}
.header-main{
  gap:20px}
.site-nav{
  gap:16px}
.brand-copy strong{
  font-size:22px}
.footer-grid{
  grid-template-columns:2fr 1fr;
  gap:30px}
.home-hero h1{
  font-size:44px}
.comparison-grid{
  gap:28px}
.home-stats .container{
  grid-template-columns:repeat(2,1fr)}
}

@media(max-width:575px){
.site-topbar{
  font-size:10px}
.site-topbar .container{
  gap:8px}
.header-main{
  align-items:flex-start;
  flex-direction:column;
  padding-top:18px;
  padding-bottom:12px;
  gap:14px}
.site-logo{
  width:44px;
  height:44px;
  font-size:23px;
  border-radius:10px}
.brand-copy strong{
  font-size:23px}
.brand-copy>span{
  font-size:12px}
.site-nav{
  width:100%;
  justify-content:space-between;
  gap:12px}
.site-nav a,.site-nav .nav-placeholder{
  font-size:13px}
.home-hero{
  padding:34px 0}
.home-hero h1{
  font-size:35px}
.home-hero>.container>p{
  font-size:15px}
.hero-options{
  grid-template-columns:1fr;
  gap:14px;
  margin-top:24px}
.hero-options>a{
  padding:20px}
.hero-options h2{
  font-size:23px}
.hero-options p{
  font-size:14px}
.home-stats strong{
  font-size:19px}
.home-section{
  padding-top:36px;
  padding-bottom:36px}
.home-section>h2{
  font-size:27px}
.itel-grid{
  grid-template-columns:1fr;
  gap:24px;
  margin-top:28px}
.itel-card h3{
  font-size:27px}
.itel-card-top{
  font-size:14px}
.itel-price strong{
  font-size:36px}
.itel-period,.purchase-note{
  font-size:13px}
.itel-actions .btn{
  font-size:14px}
.comparison-grid{
  grid-template-columns:1fr}
.comparison-grid h2{
  font-size:30px}
.home-comparison{
  padding:36px 0}
.comparison-panel{
  padding:18px}
.network-grid{
  gap:12px}
.network-card{
  padding:18px}
.network-card h3{
  font-size:18px}
.network-card p{
  font-size:12px}
.footer-grid{
  grid-template-columns:1fr 1fr}
.footer-grid>div:first-child{
  grid-column:1/-1}
.footer-bottom{
  flex-direction:column;
  gap:12px}
.footer-bottom span:last-child{
  text-align:left}
.provider-heading h1{
  font-size:28px}
.provider-nav{
  gap:8px}
.provider-nav a{
  padding:10px 13px;
  font-size:12px}
.sim-site .package-group .row>.col-6,.sim-site .hot-packages .row>.col-6{
  width:100%}
.sim-site .package-card .card-title{
  font-size:27px}
.sim-site .package-card .benefits-summary{
  font-size:13px}
.sim-site .package-card .d-grid .btn{
  font-size:14px}
.sim-site #packageTabs{
  gap:0}
.sim-site #packageTabs .nav-link{
  font-size:13px;
  padding:12px}
.sim-site .phone-search-form .search-text{
  display:inline}
.sim-site .phone-search-form .btn-danger .bi-search{
  display:none}
.sim-site .phone-search-form .card-title{
  line-height:1.5}
}


.sim-site .package-card .d-grid .btn{
  white-space:nowrap;
  padding:10px 8px}
.sim-site .package-card .d-grid .btn i{
  display:none}

@media(prefers-reduced-motion:reduce){
  .sim-site *, .sim-site *::before,.sim-site *::after{
  animation:none!important;
  transition:none!important;
  scroll-behavior:auto!important}
}


.sim-site .package-card.fade-in{
  animation:none}


/* Keep the original provider cards, modals and network colors. */
.provider-page .site-header,.provider-page .site-footer,.provider-page .provider-heading{font-family:"Be Vietnam Pro",sans-serif}
.provider-page[data-theme="mobifone"]{--theme-primary:#267DD5;--theme-primary-dark:#0054A6;--theme-primary-light:#3399FF;--theme-gradient-start:#E2EDF9;--theme-gradient-mid:#F0F6FD;--theme-gradient-end:#FFFFFF}
.provider-page .provider-nav a[aria-current]{background:var(--theme-primary);border-color:var(--theme-primary)}

.provider-nav a,.provider-nav a:hover,.provider-nav a:focus,.site-nav a,.site-nav a:hover{text-decoration:none}
.site-header a,.site-header a:hover,.site-header a:focus,
.site-footer a,.site-footer a:hover,.site-footer a:focus{text-decoration:none}

.site-nav{flex-wrap:wrap;align-items:center}.site-nav .nav-placeholder{cursor:default}
@media(max-width:575px){.site-nav{justify-content:flex-start;column-gap:18px;row-gap:0}}

/* Shared header follows the reference, independently of provider themes. */
.site-topbar{background:#1A1718;border-bottom:0;color:#BFB4B6;font-size:13px}
.site-topbar .container{align-items:center;padding-top:10px;padding-bottom:10px}
.site-topbar a{color:#BFB4B6;font-weight:400;font-size:13px;white-space:nowrap}
.site-topbar strong{color:#fff;font-weight:700}
.topbar-contact{display:flex;align-items:center;gap:22px}
.topbar-contact i{margin-right:6px}
.header-main{gap:48px;padding-top:20px;padding-bottom:20px}
.header-main .site-brand{gap:10px}
.header-main .site-logo{width:46px;height:46px;border-radius:10px;font-size:24px}
.header-main .brand-copy strong{font-size:24px;white-space:nowrap}
.header-main .brand-copy>span{font-size:12px}
.site-nav{flex:1;gap:26px;flex-wrap:nowrap;align-items:center}
.site-nav a,.site-nav .nav-placeholder{color:#1A1718;font-size:15px;font-weight:700;white-space:nowrap;padding:15px 0;border-bottom:3px solid transparent}
.site-nav a[aria-current]{color:#C4161C;border-bottom-color:#C4161C}
.header-order{background:#C4161C;color:#fff;border:0;border-radius:8px;font-family:inherit;font-size:14px;font-weight:700;padding:14px 20px;white-space:nowrap;opacity:1;cursor:default}
@media(max-width:1199px){
.header-main{flex-wrap:wrap;gap:20px 24px}
.site-nav{order:3;flex-basis:100%;justify-content:flex-start;gap:24px}
.header-order{margin-left:auto}
.site-topbar .container{flex-wrap:wrap;gap:6px 16px}
}
@media(max-width:575px){
.header-main{flex-direction:row;align-items:center;padding-top:16px;padding-bottom:10px}
.header-main .site-logo{width:38px;height:38px;font-size:21px}
.header-main .brand-copy strong{font-size:19px}
.header-main .brand-copy>span{font-size:10px}
.site-nav{gap:0 18px;flex-wrap:wrap}
.site-nav a,.site-nav .nav-placeholder{font-size:12px;padding:10px 0}
.header-order{font-size:11px;padding:10px 12px}
.site-topbar{font-size:10px}
.site-topbar a{font-size:11px}
.topbar-contact{gap:14px}
}

.home-banner .hero-slide-image{aspect-ratio:1920/600;height:auto;min-height:0;max-height:none;object-fit:cover;background:#f5f5f5}

@media (max-width: 767px) {
    .site-topbar{display:none}
    .home-banner .hero-slide-image {
        height: auto;
        aspect-ratio: auto;
        object-fit: contain;
    }
}

/* Feng shui search results */
.feng-shui-results{background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden}
.feng-shui-row{display:grid;grid-template-columns:minmax(190px,1fr) minmax(180px,2fr) minmax(170px,1fr) auto;gap:24px;align-items:center;padding:24px;border-bottom:1px solid #e5e5e5}
.feng-shui-row:last-child{border-bottom:0}
.feng-shui-number{font-size:26px;color:#1a1718;white-space:nowrap}
.feng-shui-tags{display:flex;flex-wrap:wrap;gap:8px}
.feng-shui-tag{background:#fff0f3;color:#e30613;border-radius:24px;padding:5px 12px;font-size:13px;font-weight:600}
.feng-shui-price strong{font-size:20px;color:#1a1718}
.feng-shui-price>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.feng-shui-discount{background:#e30613;color:#fff;border-radius:4px;padding:3px 6px;font-size:13px;font-weight:700}
.feng-shui-original{display:block;color:#777;font-size:14px;margin-top:4px}
.feng-shui-buy{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 22px;border:1px solid #e30613;border-radius:28px;color:#e30613;background:#fff;font-family:inherit;font-size:16px;font-weight:700;text-decoration:none;white-space:nowrap}
.feng-shui-buy:hover{background:#fff0f3;color:#c00512;text-decoration:none}
.feng-shui-buy:disabled{cursor:default}
.feng-shui-empty{padding:24px;margin:0}
@media(max-width:991px){.feng-shui-row{grid-template-columns:1fr auto;gap:14px}.feng-shui-tags{grid-column:1/-1;grid-row:2}.feng-shui-price{grid-column:1;grid-row:3}.feng-shui-buy{grid-column:2;grid-row:3}.feng-shui-number{font-size:24px}}
@media(max-width:575px){.feng-shui-row{padding:18px 16px;gap:12px}.feng-shui-price strong{font-size:18px}.feng-shui-buy{font-size:14px;padding:8px 18px}}

.feng-shui-form{padding:24px;background:#fff;border:1px solid #eee;border-radius:12px}.feng-shui-summary{padding:24px;background:#fbf3e3;border-radius:12px}

.feng-shui-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;padding:30px;border:1px solid #e5dedd;border-radius:14px;background:#fff}
.feng-shui-simple fieldset{margin-bottom:22px}.feng-shui-simple legend,.feng-shui-simple .form-label{font-size:16px;font-weight:700;margin-bottom:12px}
.feng-shui-genders{display:flex;gap:12px}.feng-shui-genders label{flex:1;display:flex;align-items:center;gap:12px;border:1.5px solid #d2c4c2;border-radius:8px;padding:16px;cursor:pointer;font-weight:700}
.feng-shui-genders label:has(input:checked){background:#fbf3e3;border-color:#8a5f13}.feng-shui-genders input{width:20px;height:20px;accent-color:#8a5f13}
.feng-shui-simple .form-control{padding:16px;border:1.5px solid #d2c4c2;border-radius:8px;font-size:18px}.feng-shui-hint{color:#777;font-size:14px;margin:10px 0 24px}
.feng-shui-submit{width:100%;padding:18px;border:0;border-radius:8px;background:#8a5f13;color:#fff;font-family:inherit;font-size:18px;font-weight:700}.feng-shui-submit i{margin-right:8px}
.feng-shui-panel .feng-shui-summary{border:1px solid #e6d3ae;margin:0;padding:26px;background:#fbf3e3}
.feng-shui-summary h2{font-size:18px;text-transform:uppercase;letter-spacing:.04em;color:#8a5f13;margin-bottom:20px}.feng-shui-summary h2 i{margin-right:10px}
.feng-shui-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}.feng-shui-facts>div{background:#fff;border-radius:9px;padding:16px}.feng-shui-facts strong{font-size:20px;display:block}.feng-shui-facts span{display:block;color:#777;font-size:14px;margin-top:5px}
.feng-shui-digits{display:flex;gap:35px;margin-bottom:20px}.feng-shui-digits h3{font-size:14px;text-transform:uppercase;color:#777;font-weight:700}.feng-shui-digits>div:first-child h3{color:#1f7a45}.feng-shui-digits>div>div{display:flex;gap:8px}.feng-shui-digits span{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:8px;font-size:19px;font-weight:700}.feng-shui-digits .good{background:#1f7a45;color:#fff}.feng-shui-digits .avoid{background:#fff;border:1.5px solid #d2c4c2;color:#777;text-decoration:line-through}
.feng-shui-explanation{border-top:1px solid #e6d3ae;padding-top:16px;margin:0;color:#777;font-size:14px}
@media(max-width:767px){.feng-shui-panel{grid-template-columns:1fr;padding:20px;gap:24px}.feng-shui-panel .feng-shui-summary{padding:18px}.feng-shui-facts{gap:8px}.feng-shui-facts>div{padding:12px 8px}.feng-shui-facts strong{font-size:16px}.feng-shui-digits{gap:20px;flex-wrap:wrap}}

.feng-shui-date-selects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.feng-shui-date-selects .form-select{min-height:52px;border:1.5px solid #d2c4c2;border-radius:8px;padding-left:12px;font-size:16px}
@media(max-width:575px){.feng-shui-date-selects{gap:8px}.feng-shui-date-selects .form-select{font-size:14px;padding-left:8px;padding-right:24px}}

.feng-shui-sim-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:6px;font-size:13px;color:#777}.feng-shui-score{color:#8a5f13;font-weight:700}

.feng-shui-row{grid-template-columns:minmax(180px,1.4fr) minmax(100px,.8fr) minmax(110px,.8fr) minmax(150px,1fr) minmax(120px,.8fr);gap:24px}
.feng-shui-network{text-align:center;font-size:17px;font-weight:800;color:#0066b3}.feng-shui-network[data-telco="viettel"],.feng-shui-network[data-telco="itelecom"],.feng-shui-network[data-telco="itel"]{color:#e30613}.feng-shui-score{text-align:center;white-space:nowrap;font-size:14px}
@media(max-width:1199px){.feng-shui-row{grid-template-columns:minmax(150px,1.3fr) minmax(80px,.7fr) minmax(95px,.8fr) minmax(120px,1fr) minmax(100px,.8fr);gap:14px}.feng-shui-price{grid-column:auto;grid-row:auto}.feng-shui-buy{grid-column:auto;grid-row:auto;justify-self:end}}
@media(max-width:575px){.feng-shui-row{grid-template-columns:minmax(0,1fr) 75px 85px;gap:12px 8px}.feng-shui-number{font-size:20px}.feng-shui-network{font-size:14px}.feng-shui-score{font-size:12px}.feng-shui-price{grid-column:1/3;grid-row:auto}.feng-shui-buy{grid-column:3;grid-row:auto;padding:8px 12px}}

.feng-shui-row>.feng-shui-price{text-align:center}.feng-shui-row>.feng-shui-price>div{justify-content:center}.feng-shui-row>.feng-shui-buy{justify-self:end}
@media(max-width:767px){.feng-shui-row{grid-template-columns:minmax(0,1fr) 75px 85px;gap:14px 10px}.feng-shui-number{font-size:20px}.feng-shui-network{font-size:14px}.feng-shui-score{font-size:12px}.feng-shui-row>.feng-shui-price{grid-column:1/3;text-align:left}.feng-shui-row>.feng-shui-price>div{justify-content:flex-start}.feng-shui-row>.feng-shui-buy{grid-column:3;padding:8px 12px}}

/* Package order: SIM selection and price summary */
.order-page{background:#f1f1f1;padding:28px 0 48px}.order-page h1{font-size:28px;margin:18px 0 24px}.order-card{background:#fff;border-radius:22px;padding:30px;margin-bottom:20px}
.order-types{display:grid;grid-template-columns:1fr 3fr;gap:30px;border-bottom:1px solid #e5e5e5;padding-bottom:30px}.order-types label{display:flex;align-items:flex-start;gap:14px;cursor:pointer}.order-types input{width:20px;height:20px;margin-top:6px;accent-color:#e30613;flex-shrink:0}.order-types strong{font-size:18px}.order-types small{display:block;font-size:14px;color:#777;margin-top:6px}
.order-number{display:grid;grid-template-columns:100px minmax(0,1fr) 110px auto;gap:24px;padding-top:30px;align-items:start}.order-number-art{display:block;width:100%;height:auto;border-radius:9px}.order-number-copy p{color:#777;margin-bottom:8px}.order-number-copy>strong{font-size:30px}.order-number-price{text-align:right}.order-number-price strong{display:block;font-size:30px}.order-number-price span{font-size:12px;color:#777}.order-number-actions{display:flex;gap:10px}.order-number-actions button{border:1px solid #d1d1d1;background:#fff;border-radius:30px;padding:12px 20px;font-family:inherit;font-weight:700}.order-number-actions button:first-child{background:#b6192f;color:#fff;border:0}
.order-equation{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr;align-items:center;text-align:center;gap:20px}.order-equation>div>span{display:block;color:#777;font-weight:600;margin-bottom:8px}.order-equation strong{font-size:28px}.order-symbol{color:#999;font-size:22px}.order-red{color:#f51b29}.order-total-panel{max-width:520px;margin:30px auto 0}.order-discount{display:flex;justify-content:space-between;border-top:2px solid #eee;border-bottom:2px solid #eee;padding:14px 20px;color:#e30613}.order-total{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0}.order-total span{color:#777}.order-total strong{color:#f51b29;font-size:28px}.order-total small{display:block;text-align:center;color:#e30613}.order-total button{background:#f51b29;color:#fff;border:0;border-radius:30px;padding:14px 26px;font-family:inherit;font-weight:700}.order-next-note{font-size:13px;color:#777;text-align:center;margin:0}
@media(max-width:991px){.order-number{grid-template-columns:80px 1fr}.order-number-price{grid-column:1;text-align:left}.order-number-actions{grid-column:2}.order-types{grid-template-columns:1fr 2fr;gap:20px}}
@media(max-width:575px){.order-card{padding:20px;border-radius:16px}.order-types{grid-template-columns:1fr;gap:20px;padding-bottom:20px}.order-number{gap:16px;padding-top:20px}.order-number-copy>strong{font-size:24px}.order-number-copy p{font-size:13px}.order-equation{gap:8px;grid-template-columns:1fr 16px 1fr 16px 1fr}.order-equation>div>span{font-size:12px}.order-equation strong{font-size:18px}.order-total strong{font-size:24px}.order-total button{padding:12px 18px}.order-number-actions button{padding:10px 14px;font-size:13px}}

.order-progress{background:#faf7f7;border-top:1px solid #e5dedd;border-bottom:1px solid #e5dedd;padding:26px 0}
.order-progress ol{display:flex;align-items:center;justify-content:center;list-style:none;margin-bottom:0;gap:0}.order-progress li{display:flex;align-items:center;gap:16px;font-size:22px;font-weight:600;color:#777}.order-progress li:not(:last-child)::after{content:"";width:90px;height:2px;background:#e5dedd;margin:0 28px}.order-step-number{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:2px solid #d2c4c2;border-radius:50%;background:#fff;flex-shrink:0}.order-progress li.is-complete,.order-progress li[aria-current]{color:#1a1718;font-weight:700}.order-progress li.is-complete .order-step-number,.order-progress li[aria-current] .order-step-number{background:#c4161c;border-color:#c4161c;color:#fff}
@media(max-width:991px){.order-progress li{font-size:17px;gap:10px}.order-progress li:not(:last-child)::after{width:35px;margin:0 14px}.order-step-number{width:40px;height:40px}}
@media(max-width:575px){.order-progress{padding:18px 0}.order-progress ol{justify-content:space-between;align-items:flex-start;gap:12px}.order-progress li{flex:1;flex-direction:column;text-align:center;gap:8px;font-size:12px;line-height:1.4}.order-progress li:not(:last-child)::after{display:none}.order-step-number{width:34px;height:34px;font-size:16px}}

.order-progress li.is-complete::after{background:#c4161c}

.feng-shui-intro{background:#fff;border:1px solid #eee;border-radius:18px;padding:36px;margin-top:28px;line-height:1.8;color:#4b5563}.feng-shui-intro h2{font-size:25px;color:#242831;margin:30px 0 16px}.feng-shui-quick{background:#fff7eb;border-left:5px solid #f15a0a;border-radius:12px;padding:24px 28px}.feng-shui-quick h2{margin-top:0;color:#85310d}.feng-shui-quick ul{margin-bottom:0;padding-left:22px}.feng-shui-quick li+li{margin-top:8px}.feng-shui-intro .table th{background:#fff7f0}.feng-shui-source{font-size:13px;color:#777;margin-bottom:0}@media(max-width:575px){.feng-shui-intro{padding:20px}.feng-shui-quick{padding:18px}.feng-shui-intro h2{font-size:21px}}

.feng-shui-intro h3{font-size:20px;margin:24px 0 12px;color:#242831}.feng-shui-intro table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}.feng-shui-intro th,.feng-shui-intro td{padding:12px;border:1px solid #ead8c8;text-align:left}.feng-shui-intro thead{background:#fff7f0}.feng-shui-intro tbody tr:nth-child(even){background:#fffaf5}.feng-shui-intro details{border-bottom:1px solid #ead8c8;padding:14px 0}.feng-shui-intro summary{font-weight:700;cursor:pointer}.feng-shui-intro ul,.feng-shui-intro ol{padding-left:24px}.feng-shui-intro li{margin-bottom:6px}.feng-shui-intro a{color:#c4161c;text-decoration:underline}.feng-shui-intro section+section{margin-top:28px}

/* SIM number selection */
.sim-choice-page{min-height:60vh}.sim-choice-form,.sim-detail-card{border:1px solid #e5dedd;border-radius:16px;padding:24px;background:#fff}.sim-choice-form label{font-size:14px;font-weight:600;margin-bottom:8px;display:block}.sim-choice-search{display:flex;gap:12px;margin-bottom:18px}.sim-choice-search .form-control{min-height:48px}.sim-choice-search button{white-space:nowrap;padding:10px 24px}.sim-choice-form summary{cursor:pointer;font-weight:700;padding:10px 0}.sim-choice-sort{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-top:1px solid #eee;padding-top:18px;margin-top:18px}.sim-choice-sort label{margin:0}.sim-choice-sort select{width:auto}.sim-choice-sort a{margin-left:auto;font-size:14px;color:#777}.sim-choice-results-title{display:flex;justify-content:space-between;align-items:center;margin:28px 0 14px;gap:12px}.sim-choice-results-title h2{font-size:22px;margin:0}.sim-choice-results-title>span{font-size:13px;color:#777}.sim-choice-list{border:1px solid #eee;border-radius:14px;overflow:hidden}.sim-choice-row{display:grid;grid-template-columns:1.4fr .8fr 1fr auto;gap:24px;align-items:center;background:#fff;padding:24px;border-bottom:1px solid #eee}.sim-choice-row:last-child{border-bottom:0}.sim-choice-number{font-size:25px;font-weight:800;color:#1a1718;text-decoration:none!important;white-space:nowrap}.sim-choice-category{display:block;font-size:13px;color:#777;margin-top:5px}.sim-choice-network{font-weight:700;text-align:center;color:#0066b3}.sim-choice-price{text-align:center}.sim-choice-price strong{font-size:21px}.sim-choice-price del{display:block;color:#777;font-size:13px}.sim-choice-action{border:1px solid #c4161c;border-radius:24px;color:#c4161c;padding:10px 18px;text-decoration:none!important;font-weight:700;white-space:nowrap}.sim-choice-action:hover{background:#fff0f0;color:#c4161c}.sim-choice-empty{padding:36px;text-align:center;background:#fff}.sim-choice-empty h3{font-size:21px}.sim-choice-pagination{display:flex;justify-content:center;gap:20px;align-items:center;margin-top:24px}.sim-detail-card{margin-top:24px}.sim-detail-card .sim-choice-row{grid-template-columns:1fr 1fr;border:1px solid #eee;border-radius:12px}.sim-detail-card .sim-choice-row>div:first-child,.sim-detail-card .sim-choice-action{display:none}.sim-detail-tags{display:flex;gap:10px;flex-wrap:wrap}.sim-detail-tags span{padding:6px 12px;border-radius:20px;background:#fff0f0;color:#c4161c;font-size:14px}
@media(max-width:767px){.sim-choice-form,.sim-detail-card{padding:18px}.sim-choice-row{grid-template-columns:1fr auto;padding:18px;gap:16px}.sim-choice-network{text-align:right}.sim-choice-price{text-align:left}.sim-choice-number{font-size:23px}.sim-choice-price strong{font-size:19px}.sim-choice-action{font-size:14px;padding:8px 14px}.sim-choice-results-title{align-items:flex-start;flex-direction:column;gap:4px}.sim-choice-sort{gap:10px}.sim-choice-sort select{max-width:130px}.sim-choice-search{gap:8px}.sim-choice-search button{padding:10px 16px}}

/* Network colours in the SIM list and detail page. */
.sim-choice-network {
    color: #6b6163;
}

.sim-choice-network[data-network="viettel"],
.sim-choice-network[data-network="itel"] {
    color: #e30613;
}

.sim-choice-network[data-network="vinaphone"] {
    color: #009fe3;
}

.sim-choice-network[data-network="mobifone"] {
    color: #267dd5;
}

.sim-choice-network[data-network="vnsky"] {
    color: #005aaa;
}

.sim-choice-network[data-network="vietnamobile"] {
    color: #e86b12;
}

.sim-choice-network[data-network="gmobile"] {
    color: #a67c00;
}

/* SIM detail: number and purchase information. */
.sim-detail-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #6b6163;
    text-decoration: none;
    font-size: 14px;
}

.sim-detail-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 48px;
    padding: 36px;
    box-shadow: 0 8px 32px rgb(26 23 24 / 4%);
}

.sim-detail-information h1 {
    margin: 12px 0 20px;
    font-size: clamp(30px, 4vw, 48px);
    letter-spacing: -1px;
    overflow-wrap: anywhere;
}

.sim-detail-network {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 15px;
}

.sim-detail-network > span {
    color: #777;
}

.sim-detail-features {
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid #eee;
}

.sim-detail-features h2 {
    margin-bottom: 14px;
    font-size: 18px;
}

.sim-detail-help {
    max-width: 440px;
    margin: 24px 0 0;
    color: #777;
    font-size: 14px;
    line-height: 1.7;
}

.sim-detail-purchase {
    display: flex;
    flex-direction: column;
    align-self: start;
    gap: 12px;
    padding: 28px;
    border: 1px solid #f1d9d9;
    border-radius: 14px;
    background: #fff8f8;
}

.sim-detail-price-label {
    color: #777;
    font-size: 14px;
}

.sim-detail-selling-price {
    color: #c4161c;
    font-size: 34px;
    line-height: 1.2;
}

.sim-detail-purchase del,
.sim-detail-purchase p {
    color: #777;
    font-size: 13px;
}

.sim-detail-purchase p {
    line-height: 1.6;
    margin: 4px 0 8px;
}

.sim-detail-purchase .btn {
    min-height: 46px;
    border-radius: 9px;
}

@media (max-width: 767px) {
    .sim-detail-layout {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 22px;
    }

    .sim-detail-features {
        margin-top: 24px;
    }

    .sim-detail-purchase {
        padding: 22px;
    }
}

.sim-detail-buy-now {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 12px 14px;
    border-radius: 28px;
    background: linear-gradient(110deg, #ff4b53, #ff7312);
    box-shadow: 0 10px 22px rgb(255 75 83 / 22%);
    color: #fff;
    text-decoration: none;
    transition: box-shadow .2s, transform .2s;
}

.sim-detail-buy-now > span {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 700;
}

.sim-detail-buy-now small {
    font-size: 11px;
}

.sim-detail-buy-now:hover,
.sim-detail-buy-now:focus-visible {
    color: #fff;
    text-decoration: none;
    box-shadow: 0 12px 26px rgb(255 75 83 / 30%);
    transform: translateY(-1px);
}

.sim-detail-purchase .sim-detail-call {
    margin: 8px 0 0;
    text-align: center;
    font-size: 15px;
}

.sim-detail-call strong {
    color: #c64b00;
    font-weight: 700;
    text-decoration: none;
}

/* Delivery and payment screen. */
.checkout-next {
    display: inline-flex;
    justify-content: center;
    background: #f51b29;
    color: #fff;
    border-radius: 30px;
    padding: 14px 26px;
    font-weight: 700;
    text-decoration: none;
}

.checkout-next:hover {
    color: #fff;
    background: #c4161c;
}

.checkout-page h1 {
    margin: 20px 0 10px;
    font-size: 34px;
}

.checkout-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
    gap: 32px;
    align-items: start;
}

.checkout-fields,
.checkout-sidebar {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.checkout-card {
    padding: 26px;
    border: 1px solid #e5dedd;
    border-radius: 14px;
    background: #fff;
}

.checkout-card h2 {
    font-size: 19px;
    margin-bottom: 18px;
}

.checkout-card label:not(.checkout-payment) {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
}

.checkout-card .form-control {
    min-height: 46px;
}

.checkout-card-heading {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
}

.checkout-badge {
    align-self: start;
    color: #1f7a45;
    background: #e8f5ec;
    border-radius: 20px;
    padding: 4px 10px;
    font-size: 12px;
}

.checkout-payment {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border: 1px solid #e5dedd;
    border-radius: 9px;
    margin-bottom: 10px;
    cursor: pointer;
}

.checkout-payment:has(input:checked) {
    border-color: #c4161c;
    background: #fff2f2;
}

.checkout-payment input {
    accent-color: #c4161c;
    width: 19px;
    height: 19px;
    flex-shrink: 0;
}

.checkout-payment small {
    display: block;
    color: #777;
    margin-top: 4px;
    line-height: 1.5;
}

.checkout-summary {
    border: 2px solid #1a1718;
}

.checkout-summary dl > div {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 13px 0;
    border-bottom: 1px solid #eee;
}

.checkout-summary dt {
    font-size: 14px;
    font-weight: 400;
}

.checkout-summary dd {
    white-space: nowrap;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
}

.checkout-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-top: 2px solid #1a1718;
    padding-top: 16px;
    font-weight: 700;
}

.checkout-total strong {
    color: #c4161c;
    font-size: 29px;
}

.checkout-note {
    color: #777;
    font-size: 12px;
    line-height: 1.6;
    margin: 14px 0 0;
}

.checkout-support {
    background: #fbf8f7;
}

.checkout-support p {
    color: #777;
    font-size: 14px;
}

@media (max-width: 1199px) {
    .checkout-layout {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@media (max-width: 767px) {
    .checkout-card {
        padding: 20px;
    }

    .checkout-page h1 {
        font-size: 28px;
    }
}

.sim-customer-form {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid #eee;
    scroll-margin-top: 24px;
}

.sim-customer-form h2 {
    margin-bottom: 18px;
    font-size: 19px;
}

.sim-customer-form label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
}

.sim-customer-form .form-control {
    min-height: 46px;
    border-radius: 8px;
}

.sim-customer-note {
    margin: 14px 0 0;
    color: #777;
    font-size: 12px;
    line-height: 1.6;
}

/* Keep the SIM price separate from the random-number action. */
.order-number {
    grid-template-columns: 100px minmax(0, 1fr) minmax(150px, max-content) auto;
    column-gap: 28px;
}

.order-number-price strong {
    white-space: nowrap;
}

.order-number-actions {
    padding-left: 8px;
}

.order-number-actions a {
    white-space: nowrap;
    border-radius: 28px;
    padding: 12px 20px;
    font-weight: 700;
}

@media (max-width: 1199px) {
    .order-number {
        grid-template-columns: 100px minmax(0, 1fr) auto;
    }

    .order-number-actions {
        grid-column: 2 / -1;
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .order-number {
        grid-template-columns: 80px minmax(0, 1fr);
        gap: 16px;
    }

    .order-number-price {
        grid-column: 2;
        text-align: left;
    }

    .order-number-price strong {
        font-size: 26px;
    }

    .order-number-actions {
        grid-column: 2;
    }

    .order-number-actions a {
        white-space: normal;
        padding: 10px 16px;
    }
}

.order-picker-row {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 20px;
    padding: 16px 0;
    border-bottom: 1px solid #eee;
}

.order-picker-row[hidden] {
    display: none;
}

.order-picker-row strong {
    font-size: 20px;
}

.order-picker-row > span {
    font-weight: 700;
}

@media (max-width: 575px) {
    .order-picker-row {
        gap: 10px;
    }

    .order-picker-row strong {
        font-size: 16px;
    }

    .order-picker-row > span {
        font-size: 13px;
    }
}

button.sim-detail-buy-now {
    width: 100%;
    border: 0;
    font-family: inherit;
    cursor: pointer;
}

[data-lead-form] button[aria-busy="true"],
button.sim-detail-buy-now[aria-busy="true"] {
    opacity: .7;
    cursor: wait;
}

.order-success-card {
    max-width: 660px;
    margin: 20px auto;
    padding: 40px;
    border: 1px solid #e5dedd;
    border-radius: 20px;
    text-align: center;
    background: #fff;
}

.order-success-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: #e8f5ec;
    color: #1f7a45;
    font-size: 38px;
    margin-bottom: 20px;
}

.order-success-card h1 {
    font-size: 30px;
    margin-bottom: 14px;
}

.order-success-card > p {
    color: #777;
    line-height: 1.7;
}

.order-success-card dl {
    margin: 28px 0;
    padding: 8px 20px;
    background: #faf8f8;
    border-radius: 12px;
}

.order-success-card dl > div {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 0;
}

.order-success-card dt {
    color: #777;
    font-weight: 400;
}

.order-success-card dd {
    margin: 0;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.order-success-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

.order-success-card .order-success-support {
    margin: 24px 0 0;
    font-size: 14px;
}

@media (max-width: 575px) {
    .order-success-card {
        padding: 28px 20px;
    }

    .order-success-card h1 {
        font-size: 25px;
    }
}

.home-shortcuts {
    margin-top: 16px;
    background: #f8f8f8;
    padding: 36px 0;
}

.home-shortcuts-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.home-shortcuts a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 12px;
    text-align: center;
    text-decoration: none;
    color: #1a1718;
    border-radius: 12px;
}

.home-shortcuts a:hover,
.home-shortcuts a:focus-visible {
    background: #fff;
    color: #c4161c;
}

.home-shortcuts i,
.home-shortcut-icon {
    display: block;
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    font-size: 52px;
    line-height: 1;
    object-fit: contain;
    margin-bottom: 8px;
}

.home-shortcuts strong {
    font-size: 20px;
}

.home-shortcuts span {
    color: #737373;
    font-size: 15px;
}

@media (max-width: 767px) {
    .home-shortcuts {
        padding: 20px 0;
    }

    .home-shortcuts-grid {
        gap: 6px;
    }

    .home-shortcuts a {
        padding: 8px 2px;
        gap: 6px;
    }

    .home-shortcuts i,
    .home-shortcut-icon {
        width: 40px;
        height: 40px;
        font-size: 40px;
        margin-bottom: 4px;
    }

    .home-shortcuts strong {
        font-size: 15px;
    }

    .home-shortcuts span {
        font-size: 12px;
        line-height: 1.5;
    }
}