/* chép từ <style> trong trang SP cũ (desktop) */

      .pro-desc-group{display:flex;flex-wrap:wrap;justify-content:space-between;}
      .item-container{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;margin-bottom:40px;width:321px;}
      .item-content{text-align:justify;margin-left:0;}
      .pro-desc-group .item-img{background-repeat:no-repeat;background-position:50%;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;overflow:hidden;-webkit-box-shadow:5px 5px 15px rgba(0,0,0,.3);box-shadow:5px 5px 15px rgba(0,0,0,.3);min-height:170px;margin-top:20px;background-color:rgb(170, 170, 170);}
      .pro-desc-group .item-title{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:.7em;width:100%;margin-top:20px;}
      .pro-desc-group .item-title .title-img{width:50px;height:auto;-ms-flex-negative:0;flex-shrink:0;}
      .pro-desc-group .item-title .title-text{color:#F27A00;font-weight:800;letter-spacing:.021em;font-size:24px;margin:0 0 0 20px;line-height:27px;}
      .product-detail-page .slick-slider {position: relative;padding-top: 1px;}
      .product-detail-page .slick-slider .slick-icon-up {transform: rotate(-90deg);top: -25px;}
      .product-detail-page .slick-slider .slick-icon-down {transform: rotate(90deg);}
      .product-detail-page .slick-slider .slick-icon-down, .product-detail-page .slick-slider .slick-icon-up {z-index: 9;left: 20px;}      
      .js-small-image .slick-slide {border: 1px solid #DFDFDF;margin-bottom: 8px;}
      .js-small-image .slick-current {border-color: #F27A00;}
      .product-detail-page .img-gallery a {border: 0;margin: 0;}
      .product-detail-page .img-gallery .current {border-color: unset;}
    

  .pro-comment-container {max-width: 800px;margin: auto;}
  .yellow {color: #FDD000;}
  .star-count{font-size: 16px;color: #d3d3d3;}
  .star-count i{margin-right: 15px;}
  .star-count i:last-child{margin-right: 0px}
  .product_review{border:1px solid #e1e1e1;padding:20px 0 12px 0;}
  .cmt-form-left{float:left;width:180px;margin-right:20px;}
  .cmt-form-middle{float:left;width:280px;margin-right:20px;}
  .cmt-form-right{float:left;width:calc(100% - 500px);padding-right:10px;}
  .cmt-form-middle .line-rating{width:calc(100% - 47px);height:8px;background:#eee;margin-top:3px;margin-right:6px;border-radius:28px;position:relative;overflow:hidden;}
  .cmt-form-middle li{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
  .cmt-form-middle .line-rating .percent{background:#FDD000;position:absolute;top:0;left:0;right:0;bottom:0;}
  .cmt-form-right .show-form-comment{display:block;padding:15px;border-radius:5px;background: #F27A00;}
  .cmt-form-right p{margin-bottom:10px;}
  .comment-list .item_comment{border-bottom:1px solid #e1e1e1;padding-bottom:15px;margin-bottom:15px;}
  .comment-list .item_comment:last-child{border:0;}
  .comment-list{margin-top:20px;}
  .comment-list .item_comment .avatar-user{text-transform:uppercase;text-align:center;margin-right:10px;background:#e1e1e1;padding:4px 10px;border-radius:3px;display:inline-block;}
  .comment-list .item_comment .name{text-transform:capitalize;font-weight:600;}
  .comment-list .item_comment .cmt-content{padding:10px 0;}
  .comment-list .reply-list-container{background:#f1f1f1;padding:10px;margin-top:15px;border-radius:5px;position:relative;}
  .comment-list .reply-list-container .item_reply{margin-bottom:13px;padding-bottom:13px;border-bottom:1px solid #ddd;}
  .comment-list .reply-list-container .item_reply:last-child{border:0;margin:0;padding:0;}
  .comment-list .reply-list-container::before{border-color:rgba(255,255,255,0) !important;border-bottom-color:#f1f1f1 !important;border-width:10px !important;margin-left:-10px;}
  .comment-list .reply-list-container::before{top:-20px;left:23px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
  .comment-list .item_reply .rep-content{margin-top:10px;}
  .form-post-container{margin:10px 0;padding:10px;box-shadow:0px 0px 3px 1px #e1e1e1;}
  .form-post-container textarea{width:100%;height:80px;padding:8px;border:1px solid #ccc;resize:none;}
  .form-post-container .form-input .inputText{width:100%;padding-left:10px;height:32px;border:1px solid #ccc;border-radius:3px;margin-bottom:14px;}
  .form-post-container .form-input .btn-comment-blue{background:#F27A00;color:#fff;border:0;height:38px;padding:0 20px;border-radius:3px;}
  .reply-comment .comment-form {margin: 10px 0;padding: 40px 10px 10px 10px;box-shadow: 0px 0px 3px 1px #e1e1e1;position: relative;}
  .reply-comment .comment-form textarea {resize: none;height: 80px;}
  .reply-comment .comment-form .close {position: absolute;top: 5px;right: 11px;}
  .reply-comment .comment-form .form-group {margin: 10px -10px;}
  .rating-selection .rating-input{float:right;width:16px;height:16px;padding:0;margin:0 0 0 -16px;opacity:0;}
  .rating-selection .rating-star:hover{background-position:-3px -5px;}
  .rating-selection .rating-star:hover, .rating-star:hover ~ .rating-star{background-position:0 0;}
  .rating-selection .rating-star:hover, .rating-star:hover ~ .rating-star, .rating-input:checked ~ .rating-star{background-position:-3px -6px;}
  .rating-selection .rating:hover .rating-star:hover, .rating:hover .rating-star:hover ~ .rating-star, .rating-input:checked ~ .rating-star{background-position:-5px -6px;}
  .rating-selection .rating-star, .rating:hover .rating-star{position:relative;float:right;display:block;width:19px;height:19px;background:url(/static/assets/default/images/star.png) -4px -34px;}
  .rating-selection .rating:hover .rating-star:hover, .rating:hover .rating-star:hover ~ .rating-star{background-position:0px -56px !important;}
  .rating-selection{display:inline;margin:-3px 0 0 20px;}
  .rating-selection::after{content:'';display:block;clear:both;}

/* zoom tự viết (thay MagicZoom) */
.js-big-image a.hh-zoom{position:relative}
.MagicZoomHint{position:absolute;left:2px;top:2px;padding:0 0 0 20px;font:10.6667px/24px sans-serif;color:#444;opacity:.75;pointer-events:none}
.MagicZoomHint:before{content:"";position:absolute;left:4px;top:7px;width:8px;height:8px;border:1.5px solid #444;border-radius:50%}
.hh-lens{display:none;position:absolute;width:200px;height:200px;border:1px solid #ccc;border-radius:50%;background-color:#fff;background-repeat:no-repeat;pointer-events:none;box-shadow:0 0 6px rgba(0,0,0,.25)}
.hh-lightbox{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;cursor:zoom-out}
.hh-lightbox img{max-width:92vw;max-height:92vh;background:#fff}
/* khung ảnh nhỏ như bản cũ (slick cũ bọc a trong div có viền + khe inline ~5px) */
.product-detail-page .img-gallery a.slick-slide{border:1px solid #DFDFDF;margin-bottom:8px;padding-bottom:10px}
.product-detail-page .img-gallery a.slick-current{border-color:#F27A00}
.product-detail-page .p-detail-info .product-model{padding-top:19px}

/* nút sang trading.hhg.vn (04/11/2026): viền cam, nằm dưới "Liên hệ ngay" */
.product-detail-page .hhg-trading-btn{display:inline-block;margin-top:12px;padding:11px 22px;min-height:44px;line-height:20px;border:1px solid #F27A00;color:#F27A00;background:#fff;font-size:16px;text-align:center;transition:background .2s,color .2s}
.product-detail-page .hhg-trading-btn:hover{background:#F27A00;color:#fff;text-decoration:none}