/* SOURCE assets/css/product-detail-v120.css */
/* V122 public product detail only. Admin untouched.
   Reset legacy .product-detail grid from app.css before applying the new layout. */
.v120-product-page.product-detail{display:block!important;grid-template-columns:none!important;gap:0!important;align-items:initial!important;}
.v120-product-page{max-width:1440px;margin:0 auto;padding:12px 28px 48px;color:#102b27;font-size:13px}.v120-product-page *{box-sizing:border-box}.v120-product-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,1.18fr) minmax(250px,.7fr);gap:24px;align-items:start}.v120-product-gallery,.v120-product-summary,.v120-trust,.v120-content-card{background:#fff}.v120-main-image{position:relative;overflow:hidden;border-radius:16px;background:#f3f7f3;aspect-ratio:1/1}.v120-main-image>img{width:100%;height:100%;object-fit:contain;display:block}.v120-gallery-brand{position:absolute;left:18px;top:18px;z-index:2;display:grid;place-items:center;min-width:72px;height:50px;padding:7px 10px;background:#fff;border-radius:999px;box-shadow:0 8px 22px #143d2b20}.v120-gallery-brand img{max-width:82px;max-height:38px;object-fit:contain}.v120-frozen-badge{position:absolute;right:16px;top:16px;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#1597d5;color:#fff;font-size:25px;border:4px solid #ffffffd9;box-shadow:0 7px 18px #0f5d7b22}.v120-frozen-badge small{display:block;font-size:9px;margin-top:-10px}.v120-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:12px}.v120-thumbs a{aspect-ratio:1.2/1;overflow:hidden;border:1px solid #dfe9e4;border-radius:10px;background:#fff}.v120-thumbs img{width:100%;height:100%;object-fit:cover}.v120-product-summary{padding:4px 4px 0}.v120-product-summary h1{font:800 clamp(25px,2vw,34px)/1.25 'Be Vietnam Pro',Arial,sans-serif;margin:0 0 8px;color:#102b27;letter-spacing:-.5px}.v120-rating{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid #e6eee9;color:#6b7b74}.v120-rating span{color:#ffae00;letter-spacing:1px;font-size:16px}.v120-rating b{color:#263b34}.v120-rating em{font-style:normal}.v120-short{font-size:13px;line-height:1.75;color:#566761;margin:14px 0}.v120-price-line{display:flex;align-items:end;gap:13px;flex-wrap:wrap;margin:14px 0 16px}.v120-price-line strong{font-size:30px;line-height:1;color:#ec2429}.v120-price-line strong small{font-size:14px}.v120-price-line del{font-size:13px;color:#7c8783}.v120-price-line>span{padding:5px 9px;border-radius:7px;background:#ff5b62;color:#fff;font-weight:800}.v120-specbox{padding:14px 16px;border-radius:13px;background:linear-gradient(135deg,#f4fbf6,#f8fbf9);border:1px solid #e0eee5}.v120-specbox>div{display:grid;grid-template-columns:25px 105px 1fr;gap:8px;align-items:center;min-height:34px}.v120-specbox i{display:grid;place-items:center;width:22px;height:22px;color:#08753f;font-style:normal}.v120-specbox i svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}.v120-specbox span{color:#65756e}.v120-specbox b{color:#203831}.v120-specbox b.ok{color:#0e8246}.v120-specbox b.warn{color:#bc7a1d}.v120-attributes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.v120-attributes>div{padding:9px 11px;border:1px solid #e3ece7;border-radius:10px}.v120-attributes span{display:block;color:#6d7e77;font-size:11px}.v120-attributes p{margin:4px 0 0}.v120-attributes b{display:inline-block;margin:0 5px 3px 0}.v120-actions{display:grid;grid-template-columns:1.15fr 1fr;gap:10px;margin-top:16px}.v120-actions a{min-height:50px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font-weight:800;font-size:13px}.v120-primary{background:linear-gradient(135deg,#1c9b50,#027739);color:#fff;box-shadow:0 8px 18px #08753f22}.v120-primary svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}.v120-outline{border:1.5px solid #ef4b4b;color:#df3434;background:#fff}.v120-hotline{text-align:center;color:#697b74}.v120-hotline a{font-weight:800;color:#08753f;text-decoration:none}.v120-trust{padding:20px;border-radius:14px;background:linear-gradient(180deg,#f2fbf4,#f8fcf9);border:1px solid #e2eee6}.v120-trust h2{font-size:19px;margin:0 0 14px;color:#17693d}.v120-trust>div{display:flex;gap:11px;align-items:flex-start;padding:11px 0;border-bottom:1px solid #e2eee6}.v120-trust>div:last-of-type{border-bottom:0}.v120-trust i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e0f4e5;color:#0b783e;flex:0 0 38px}.v120-trust i svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2}.v120-trust span{display:grid;gap:3px}.v120-trust b{font-size:13px}.v120-trust small{color:#697a72;font-size:11px}.v120-warehouse{margin:14px 0 0;padding:10px 12px;background:#fff;border-radius:9px;color:#567066}.v120-content-card{margin-top:28px;border:1px solid #e3ebe7;border-radius:15px;overflow:hidden;box-shadow:0 8px 26px #183d3010}.v120-detail-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:#f5f7f6;border-bottom:1px solid #e4ebe7}.v120-detail-tabs a{display:flex;justify-content:center;gap:8px;align-items:center;min-height:50px;color:#374b43;text-decoration:none;font-weight:700}.v120-detail-tabs a.active{background:#087c43;color:#fff}.v120-content-grid{display:grid;grid-template-columns:230px 1fr;gap:26px;padding:20px}.v120-content-nav{display:grid;align-content:start;border:1px solid #e2ebe6;border-radius:10px;overflow:hidden}.v120-content-nav a{padding:12px 14px;color:#566b61;text-decoration:none;border-bottom:1px solid #e6ede9}.v120-content-nav a:first-child{background:#eef8f1;color:#116a3d;font-weight:800}.v120-content-nav a:last-child{border-bottom:0}.v120-content-main{min-width:0}.v120-content-main section{scroll-margin-top:110px;margin-bottom:28px}.v120-content-main h2{font-size:20px;color:#15352a;margin:0 0 12px}.v120-content-main p,.v120-content-main li{line-height:1.85}.v120-tech dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.v120-tech dl div{display:flex;justify-content:space-between;gap:15px;padding:11px 13px;border:1px solid #e4ece8;border-radius:9px}.v120-tech dt{color:#6b7c75}.v120-tech dd{margin:0;font-weight:800}.v120-resources a{display:inline-flex;margin:0 8px 8px 0;padding:10px 13px;border-radius:8px;background:#edf8f1;color:#0d7340;text-decoration:none;font-weight:700}.v120-related{margin-top:32px}.v120-related>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.v120-related>header>div{display:flex;align-items:center;gap:9px}.v120-related>header span{color:#0a8b4a;font-size:28px}.v120-related h2{font-size:22px;margin:0}.v120-related>header>a{border:1px solid #12824a;border-radius:999px;padding:8px 14px;color:#0d6d3d;text-decoration:none;font-weight:700}.v120-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.v120-related .v117-product-card{min-width:0}.v120-related .v117-product-media{aspect-ratio:1.25/1}.v120-related .v117-product-body{padding:12px}.v120-related .v117-product-facts{font-size:12px}
@media(max-width:1100px){.v120-product-hero{grid-template-columns:1fr 1.05fr}.v120-trust{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:0 18px}.v120-trust h2{grid-column:1/-1}.v120-trust>div{border-bottom:0}.v120-related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.v120-product-page{padding:8px 12px 30px;font-size:13px}.v120-product-hero{display:block}.v120-product-gallery{margin-bottom:16px}.v120-main-image{border-radius:12px}.v120-gallery-brand{left:12px;top:12px;min-width:58px;height:40px}.v120-frozen-badge{width:58px;height:58px;right:10px;top:10px}.v120-thumbs{gap:7px}.v120-product-summary h1{font-size:22px}.v120-rating{gap:6px;flex-wrap:wrap}.v120-rating em{width:100%;font-size:11px}.v120-price-line strong{font-size:25px}.v120-specbox>div{grid-template-columns:24px 85px 1fr}.v120-attributes{grid-template-columns:1fr}.v120-actions{grid-template-columns:1fr}.v120-trust{display:block;margin-top:18px;padding:16px}.v120-content-card{margin-top:18px}.v120-detail-tabs{display:flex;overflow-x:auto;white-space:nowrap}.v120-detail-tabs a{min-width:150px;padding:0 12px}.v120-content-grid{display:block;padding:14px}.v120-content-nav{display:none}.v120-tech dl{grid-template-columns:1fr}.v120-related>header h2{font-size:18px}.v120-related>header>a{font-size:11px;padding:7px 9px}.v120-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v120-related .v117-product-body{padding:9px}.v120-related .v117-product-facts{font-size:10px}.v120-related .v117-product-actions{grid-template-columns:1fr}.v120-related .v117-product-next{display:none}}


/* SOURCE assets/css/product-detail-v127.css */

/* V127 - tinh chỉnh riêng trang chi tiết sản phẩm */
.breadcrumbs{max-width:1440px;margin:0 auto;padding:12px 28px 10px!important;display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:#718078;font-size:12px;line-height:1.45;background:#fff}
.breadcrumbs a{color:#39705a;text-decoration:none}.breadcrumbs a:hover{color:#087c43}.breadcrumbs span[aria-hidden="true"]{color:#b4c0ba}.breadcrumbs span[aria-current="page"]{color:#173b2e;font-weight:700}
.v120-content-card{margin-top:30px;border:1px solid #e2ebe6;border-radius:16px;box-shadow:0 10px 30px rgba(22,63,47,.055)}
.v120-detail-tabs{background:#f7faf8}.v120-detail-tabs a{min-height:52px;font-size:12.5px}
.v120-content-grid{grid-template-columns:210px minmax(0,1fr);gap:30px;padding:24px;align-items:start}
.v120-content-nav{align-self:start;height:auto!important;min-height:0!important;border:1px solid #dfe9e4;border-radius:12px;overflow:hidden;background:#fff;position:sticky;top:92px;box-shadow:0 5px 18px rgba(22,63,47,.035)}
.v120-content-nav a{display:flex;align-items:center;min-height:48px;padding:11px 15px;line-height:1.35;font-size:12px;color:#53675e;background:#fff}
.v120-content-nav a:first-child{background:#edf8f1;color:#0d6f3e;border-left:3px solid #0b8549;padding-left:12px}.v120-content-nav a:hover{background:#f5faf7;color:#087744}
.v120-content-main{padding:2px 2px 4px}.v120-content-main section{margin-bottom:32px}
.v120-content-main h2{position:relative;padding:0 0 11px 18px;margin:0 0 14px;font-size:20px;line-height:1.35;border-bottom:1px solid #e3ebe7}
.v120-content-main h2:before{content:"";position:absolute;left:0;top:3px;width:5px;height:26px;border-radius:99px;background:#138249}
.v120-content-main .product-content-render{font-size:13px;line-height:1.8}.v120-tech dl div{background:#fbfdfc}
.v120-related{margin-top:38px;padding-top:2px}.v120-related>header{padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid #e4ebe7}.v120-related>header span{font-size:24px}.v120-related h2{font-size:21px;letter-spacing:-.25px}
.v120-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}
.v120-related .v117-product-card{width:100%;max-width:310px;height:auto!important;min-height:0!important;align-self:start;border-radius:14px;overflow:hidden;box-shadow:0 7px 22px rgba(22,63,47,.055)}
.v120-related .v117-product-media{aspect-ratio:1/1;background:#f7faf8}.v120-related .v117-product-media img{width:100%;height:100%;object-fit:contain;display:block}
.v120-related .v117-product-body{padding:12px 13px 13px}.v120-related .v117-product-title,.v120-related .v117-product-facts{min-height:0!important}.v120-related .v117-product-title{margin-bottom:9px}.v120-related .v117-product-actions{margin-top:10px}
@media(max-width:1100px){.breadcrumbs{padding-left:20px!important;padding-right:20px!important}.v120-content-grid{grid-template-columns:190px minmax(0,1fr);gap:20px}.v120-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.breadcrumbs{padding:9px 12px 8px!important;font-size:10.5px;gap:4px}.v120-content-card{border-radius:12px;margin-top:20px}.v120-content-grid{display:block;padding:15px}.v120-content-nav{display:none}.v120-content-main h2{font-size:18px;padding-left:14px}.v120-content-main h2:before{width:4px;height:22px}.v120-related{margin-top:28px}.v120-related>header{margin-bottom:12px}.v120-related h2{font-size:17px}.v120-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v120-related .v117-product-card{max-width:none}}

/* V128 - Canh breadcrumb thang hang voi menu Trang Chu */
@media (min-width:821px){
  .breadcrumbs{
    width:min(var(--v117-shell,1180px),calc(100% - 40px));
    max-width:none;
    box-sizing:border-box;
    margin-left:auto;
    margin-right:auto;
    padding:12px 17px 10px!important;
  }
}


/* SOURCE assets/css/product-related-v130.css */
/* V130 - Related products polished to match the approved mockup */
.v120-related{
  width:100%;
  margin:42px auto 8px;
  padding:0;
}
.v120-related>header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px;
  padding:0 0 18px!important;
  margin:0 0 20px!important;
  border-bottom:1px solid #dfe8e3!important;
}
.v120-related>header>div{
  display:flex;
  align-items:center;
  gap:10px;
}
.v120-related>header span{
  color:#07924e!important;
  font-size:28px!important;
  line-height:1;
}
.v120-related h2{
  margin:0!important;
  color:#0f3026;
  font-size:23px!important;
  line-height:1.25;
  font-weight:900;
  letter-spacing:-.45px!important;
}
.v120-related>header>a{
  border:0!important;
  padding:7px 0!important;
  border-radius:0!important;
  color:#087b43!important;
  background:transparent!important;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}

/* Desktop: exactly 3 balanced columns like the design */
.v120-related-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:start!important;
  width:100%;
}
.v120-related .v117-product-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  align-self:start!important;
  background:#fff;
  border:1px solid #dfe8e3!important;
  border-radius:14px!important;
  overflow:hidden!important;
  box-shadow:0 8px 24px rgba(20,70,48,.055)!important;
}
.v120-related .v117-product-card:hover{
  transform:translateY(-2px);
  box-shadow:0 13px 30px rgba(20,70,48,.095)!important;
}

/* Fix the white empty area beside the product image */
.v120-related .v117-product-media{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  overflow:hidden!important;
  background:#f5f8f6!important;
}
.v120-related .v117-product-media>img,
.v120-related .v117-product-media>.image-placeholder{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:center!important;
}
.v120-related .v117-product-badge{
  left:14px!important;
  top:14px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  font-size:10px!important;
}
.v120-related .v117-product-heart{
  right:13px!important;
  top:13px!important;
  width:38px!important;
  height:38px!important;
}
.v120-related .v117-brand-float{
  left:16px!important;
  bottom:-18px!important;
}
.v120-related .v117-product-body{
  padding:28px 16px 16px!important;
}
.v120-related .v117-product-body h3,
.v120-related .v117-product-title{
  height:auto!important;
  min-height:22px!important;
  margin:0 0 14px!important;
}
.v120-related .v117-product-body h3 a{
  font-size:14px!important;
  line-height:1.45!important;
  font-weight:900!important;
}
.v120-related .v117-product-facts{
  display:grid!important;
  gap:7px!important;
  min-height:76px!important;
  font-size:11.5px!important;
}
.v120-related .v117-product-facts div{
  font-size:11.5px!important;
}
.v120-related .v117-price-row{
  margin-top:12px!important;
  min-height:35px!important;
}
.v120-related .v117-price strong{
  font-size:20px!important;
}
.v120-related .v117-price small{
  font-size:10px!important;
}
.v120-related .v117-price del{
  font-size:10px!important;
}
.v120-related .v117-discount{
  padding:6px 7px!important;
  border-radius:7px!important;
  font-size:9px!important;
}
.v120-related .v117-product-actions{
  display:grid!important;
  grid-template-columns:1fr 42px!important;
  gap:9px!important;
  margin-top:12px!important;
}
.v120-related .v117-product-cta,
.v120-related .v117-product-next{
  height:42px!important;
}
.v120-related .v117-product-cta{
  font-size:11px!important;
}
.v120-related .v117-product-next{
  display:grid!important;
  font-size:23px!important;
}

@media(max-width:900px){
  .v120-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important}
}
@media(max-width:560px){
  .v120-related{margin-top:28px}
  .v120-related>header{padding-bottom:12px!important;margin-bottom:12px!important}
  .v120-related h2{font-size:17px!important}
  .v120-related>header span{font-size:21px!important}
  .v120-related>header>a{font-size:10px}
  .v120-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .v120-related .v117-product-card{border-radius:10px!important}
  .v120-related .v117-product-body{padding:22px 9px 10px!important}
  .v120-related .v117-product-body h3 a{font-size:10.5px!important;line-height:16px!important}
  .v120-related .v117-product-facts{min-height:52px!important;gap:3px!important}
  .v120-related .v117-product-facts div{font-size:8.5px!important}
  .v120-related .v117-price strong{font-size:14px!important}
  .v120-related .v117-price small,.v120-related .v117-price del{font-size:7.5px!important}
  .v120-related .v117-product-actions{grid-template-columns:1fr 31px!important;gap:5px!important}
  .v120-related .v117-product-cta,.v120-related .v117-product-next{height:31px!important}
  .v120-related .v117-product-cta{font-size:8px!important}
}


/* SOURCE assets/css/product-detail-v133.css */
/* V133 - Khung ảnh lớn trang chi tiết sản phẩm chuẩn 1:1 */
.v120-product-page .v120-product-gallery{
  min-width:0!important;
  align-self:start!important;
  margin:0!important;
  padding:0!important;
}
.v120-product-page .v120-main-image{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:1/1!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border-radius:16px!important;
}
.v120-product-page .v120-main-image>img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
}
.v120-product-page .v120-thumbs{
  margin-top:10px!important;
}
@media(max-width:760px){
  .v120-product-page .v120-main-image{border-radius:12px!important}
}


/* SOURCE assets/css/product-detail-v134.css */

/* V134 - phóng lớn ảnh chi tiết và thu khoảng cách với khối thông tin */
.v120-product-hero{
  grid-template-columns:minmax(0,1.08fr) minmax(0,1.12fr) 270px!important;
  column-gap:20px!important;
  row-gap:18px!important;
  align-items:start!important;
}
.v120-product-gallery{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.v120-main-image{
  width:100%!important;
  max-width:none!important;
  aspect-ratio:1/1!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:#fff!important;
}
.v120-main-image>img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
}
.v120-product-summary{
  min-width:0!important;
  margin:0!important;
  padding-left:0!important;
}
.v120-trust{min-width:0!important}

/* Desktop rộng: ưu tiên ảnh lớn hơn, gần sát cột chữ */
@media(min-width:1280px){
  .v120-product-page{
    max-width:1180px!important;
  }
  .v120-product-hero{
    grid-template-columns:470px minmax(0,1fr) 270px!important;
    gap:20px!important;
  }
}

/* Tablet: giữ bố cục dễ đọc */
@media(max-width:1100px){
  .v120-product-hero{
    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;
    gap:18px!important;
  }
  .v120-trust{
    grid-column:1/-1!important;
  }
}

/* Mobile: ảnh full chiều ngang */
@media(max-width:760px){
  .v120-product-hero{
    display:block!important;
  }
  .v120-product-gallery{
    margin-bottom:16px!important;
  }
  .v120-main-image{
    width:100%!important;
    aspect-ratio:1/1!important;
    border-radius:12px!important;
  }
}