
/* =========================================================
   MORGAN'S PRODUCT PAGE v7
   IMPORTANT: NO font-family here. Everything inherits
   the site's existing Rubik font.
========================================================= */

.product-page-content > .heading-title{display:none!important}

.product-page-content .product-info{
  display:grid!important;
  grid-template-columns:minmax(0,46%) minmax(0,54%)!important;
  gap:64px!important;
  max-width:1280px!important;
  margin:42px auto 56px!important;
  padding:0 28px!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}

.product-page-content .product-info>.left,
.product-page-content .product-info>.right{
  float:none!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}

.product-page-content .product-info>.right{
  padding-top:8px!important;
}

/* ---------- GALLERY ---------- */

.product-page-content .product-info .left>.image{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:610px!important;
  min-height:0!important;
  margin:0!important;
  padding:10px!important;
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

.product-page-content .product-info .left>.image>a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
}

.product-page-content .product-info .left>.image img#image{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:94%!important;
  max-height:585px!important;
  margin:auto!important;
  object-fit:contain!important;
  transform:none!important;
  filter:none!important;
  background:transparent!important;
}

.zoomContainer,.zoomLens,.zoomWindowContainer,
.product-page-content .gallery-text{display:none!important}

.product-page-content .image-additional{
  margin:16px auto 0!important;
  padding:0!important;
}

.product-page-content .image-additional a{
  border:1px solid #e3e3e3!important;
  border-radius:5px!important;
  background:#fff!important;
  box-shadow:none!important;
  transition:border-color .2s ease!important;
}
.product-page-content .image-additional a:hover{border-color:#111!important}

/* ---------- TITLE / COPY ---------- */

.product-page-content .product-info>.right:before{
  content:"MORGAN'S  •  MEN'S GROOMING";
  display:block;
  margin:0 0 13px;
  color:#9a8060;
  font-size:10px;
  line-height:1;
  font-weight:700;
  letter-spacing:2px;
}

.product-page-content .product-info>.right>.mv7-title{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  margin:0 0 18px!important;
  padding:0 0 20px!important;
  overflow:visible!important;
  white-space:normal!important;
  text-overflow:clip!important;
  color:#111!important;
  border:0!important;
  border-bottom:1px solid #e8e8e8!important;
  font-size:34px!important;
  line-height:1.14!important;
  font-weight:700!important;
  letter-spacing:-.7px!important;
}

.product-page-content .mp-category-label,
.product-page-content .mp-stock-badge,
.product-page-content .mp-product-meta,
.product-page-content .mp-delivery-box,
.product-page-content .mp-premium-benefits,
.product-page-content .mp61-delivery{display:none!important}

/* stock pill inserted by JS */
.mv7-stock{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 0 18px!important;
  color:#27864b!important;
  font-size:12px!important;
  font-weight:500!important;
}
.mv7-stock:before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#26924d;
}

/* description */
.mv7-intro{
  margin:0 0 21px!important;
  padding:0 0 21px!important;
  border-bottom:1px solid #e8e8e8!important;
  color:#555!important;
  font-size:13px!important;
  line-height:1.7!important;
}

/* original metadata list becomes one clean line */
.product-page-content .product-info ul.description.mv7-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px 0!important;
  margin:0 0 22px!important;
  padding:0 0 22px!important;
  border:0!important;
  border-bottom:1px solid #e8e8e8!important;
  list-style:none!important;
  color:#777!important;
  font-size:11px!important;
  line-height:1.5!important;
}
.product-page-content .product-info ul.description.mv7-meta li{
  position:relative!important;
  margin:0!important;
  padding:0 16px!important;
}
.product-page-content .product-info ul.description.mv7-meta li:first-child{padding-left:0!important}
.product-page-content .product-info ul.description.mv7-meta li+li:before{
  content:"";
  position:absolute;
  left:0;
  top:2px;
  width:1px;
  height:14px;
  background:#d9d9d9;
}
.product-page-content .product-info ul.description.mv7-meta a{
  color:#222!important;
  font-weight:600!important;
}

/* ---------- PRICE ---------- */

.product-page-content .product-info .price{
  margin:0 0 23px!important;
  padding:0 0 23px!important;
  border:0!important;
  border-bottom:1px solid #e8e8e8!important;
  list-style:none!important;
  color:#111!important;
}
.product-page-content .product-info .price li,
.product-page-content .product-info .price .product-price,
.product-page-content .product-info .price .price-new{
  color:#111!important;
  font-size:32px!important;
  line-height:1.1!important;
  font-weight:700!important;
  letter-spacing:-.6px!important;
}
.product-page-content .product-info .price .mv7-bgn{
  margin-left:9px!important;
  color:#9ca1aa!important;
  font-size:20px!important;
  font-weight:500!important;
  letter-spacing:-.2px!important;
}
.product-page-content .product-info .price .price-old{
  color:#aaa!important;
  font-size:16px!important;
  font-weight:400!important;
}

/* ---------- OPTIONS ---------- */
.product-page-content .product-options{margin:0 0 22px!important}
.product-page-content .product-options .control-label{font-size:12px!important;font-weight:600!important}
.product-page-content .product-options .form-control{
  border:1px solid #ddd!important;border-radius:4px!important;box-shadow:none!important
}

/* ---------- QUANTITY + CART ---------- */

.product-page-content .product-info .cart{
  margin:0!important;
  padding:0!important;
  border:0!important;
}

.product-page-content .product-info .cart>div{
  display:flex!important;
  align-items:stretch!important;
  gap:14px!important;
  width:100%!important;
}

.product-page-content .product-info .cart .text-qty{display:none!important}

.product-page-content .product-info .cart .qty{
  display:flex!important;
  align-items:stretch!important;
  width:154px!important;
  height:56px!important;
  flex:0 0 154px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #ddd!important;
  border-radius:5px!important;
  background:#fff!important;
  overflow:hidden!important;
}

.product-page-content .product-info .cart .qty input[name=quantity]{
  order:2!important;
  display:block!important;
  width:52px!important;
  height:54px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-left:1px solid #eee!important;
  border-right:1px solid #eee!important;
  border-radius:0!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:none!important;
  text-align:center!important;
  font-size:14px!important;
  line-height:54px!important;
  font-weight:600!important;
}

.product-page-content .product-info .cart .qty .journal-stepper{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:50px!important;
  height:54px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:none!important;
  text-decoration:none!important;
  font-size:0!important;
  transition:background .2s ease!important;
}
.product-page-content .product-info .cart .qty .journal-stepper:first-of-type{order:1!important}
.product-page-content .product-info .cart .qty .journal-stepper:last-of-type{order:3!important}
.product-page-content .product-info .cart .qty .journal-stepper:first-of-type:after{content:"−";font-size:18px!important}
.product-page-content .product-info .cart .qty .journal-stepper:last-of-type:after{content:"+";font-size:18px!important}
.product-page-content .product-info .cart .qty .journal-stepper:hover{background:#f5f5f5!important}

.product-page-content #button-cart{
  position:relative!important;
  flex:1 1 auto!important;
  width:auto!important;
  height:56px!important;
  min-height:56px!important;
  margin:0!important;
  padding:0 28px!important;
  border:1px solid #111!important;
  border-radius:5px!important;
  background:#111!important;
  color:#fff!important;
  box-shadow:none!important;
  font-size:12px!important;
  line-height:54px!important;
  font-weight:700!important;
  letter-spacing:.8px!important;
  text-transform:uppercase!important;
  transition:background .2s ease,border-color .2s ease!important;
}
.product-page-content #button-cart:hover{background:#9a8060!important;border-color:#9a8060!important}
.product-page-content #button-cart .button-cart-text{color:inherit!important;font:inherit!important}

/* ---------- DELIVERY CARDS ---------- */

.mv7-delivery{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
  margin:16px 0 0!important;
}

.mv7-delivery-card{
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  min-height:86px!important;
  padding:17px 18px!important;
  background:#f8f8f8!important;
  border:1px solid #f0f0f0!important;
  border-radius:7px!important;
}

.mv7-delivery-icon{
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#111!important;
}
.mv7-delivery-icon svg{width:28px!important;height:28px!important;stroke:currentColor!important}

.mv7-delivery-card strong{
  display:block!important;
  margin:0 0 4px!important;
  color:#222!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:600!important;
}
.mv7-delivery-card span{
  display:block!important;
  color:#888!important;
  font-size:10px!important;
  line-height:1.45!important;
}

/* remove clutter */
.product-page-content .wishlist-compare,
.product-page-content .social.share-this,
.addthis_toolbox,.addthis_default_style{display:none!important}
.mv7-hide{display:none!important}

/* ---------- TABS ---------- */

.product-page-content .product-tabs{
  max-width:1280px!important;
  margin:46px auto 0!important;
  padding:0 28px!important;
}

.product-page-content .product-tabs .nav-tabs{
  display:flex!important;
  gap:28px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-bottom:1px solid #e5e5e5!important;
}

.product-page-content .product-tabs .nav-tabs>li{margin:0!important}
.product-page-content .product-tabs .nav-tabs>li>a{
  position:relative!important;
  margin:0!important;
  padding:0 0 15px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#8a8a8a!important;
  font-size:12px!important;
  font-weight:500!important;
}
.product-page-content .product-tabs .nav-tabs>li.active>a{
  color:#111!important;
  font-weight:600!important;
}
.product-page-content .product-tabs .nav-tabs>li.active>a:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;
  height:2px;
  background:#111;
}

.product-page-content .product-tabs .tabs-content{
  padding:25px 0 0!important;
}
.product-page-content .product-tabs .tab-content{
  padding:25px!important;
  background:#fafafa!important;
  border:0!important;
  border-radius:7px!important;
  color:#666!important;
  font-size:13px!important;
  line-height:1.8!important;
}

/* Hide Journal native related block: v7 renders same-category slider */
.product-page-content .related-products{display:none!important}

/* ---------- SAME CATEGORY SLIDER ---------- */

.mv7-related{
  max-width:1280px!important;
  margin:55px auto 80px!important;
  padding:0 28px!important;
}

.mv7-related-title{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin:0 0 25px!important;
}

.mv7-related-title span{
  display:block!important;
  margin:0 0 7px!important;
  color:#9a8060!important;
  font-size:9px!important;
  font-weight:700!important;
  letter-spacing:1.8px!important;
}

.mv7-related-title h2{
  margin:0!important;
  color:#111!important;
  font-size:26px!important;
  line-height:1.15!important;
  font-weight:700!important;
  letter-spacing:-.4px!important;
}

.mv7-related-nav{display:flex!important;gap:8px!important}
.mv7-related-nav button{
  width:40px!important;
  height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:1px solid #ddd!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#111!important;
  font-size:24px!important;
  line-height:1!important;
  cursor:pointer!important;
  transition:.2s ease!important;
}
.mv7-related-nav button:hover{background:#111!important;color:#fff!important;border-color:#111!important}

.mv7-slider{overflow:hidden!important}
.mv7-track{
  display:flex!important;
  gap:18px!important;
  will-change:transform!important;
  transition:transform .55s cubic-bezier(.22,.61,.36,1)!important;
}

.mv7-card{
  flex:0 0 calc((100% - 54px)/4)!important;
  min-width:0!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #e7e7e7!important;
  border-radius:7px!important;
  box-shadow:0 4px 14px rgba(0,0,0,.025)!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;
}
.mv7-card:hover{
  transform:translateY(-4px)!important;
  border-color:#d9d9d9!important;
  box-shadow:0 15px 35px rgba(0,0,0,.07)!important;
}

.mv7-card-image{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:285px!important;
  padding:20px!important;
  overflow:hidden!important;
  background:#fff!important;
}
.mv7-card-image img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:90%!important;
  max-height:245px!important;
  object-fit:contain!important;
  transition:transform .3s ease!important;
}
.mv7-card:hover .mv7-card-image img{transform:scale(1.04)!important}

.mv7-card-content{
  padding:17px 16px 16px!important;
  border-top:1px solid #f0f0f0!important;
}
.mv7-brand{
  display:block!important;
  margin:0 0 6px!important;
  color:#9a8060!important;
  font-size:8px!important;
  font-weight:700!important;
  letter-spacing:1.4px!important;
}
.mv7-card h3{
  min-height:42px!important;
  margin:0 0 12px!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:600!important;
}
.mv7-card h3 a{color:#222!important;text-decoration:none!important}
.mv7-card-price{
  min-height:26px!important;
  margin:0 0 14px!important;
  color:#111!important;
  font-size:16px!important;
  font-weight:700!important;
}
.mv7-card-price span{
  margin-right:6px!important;
  color:#aaa!important;
  font-size:11px!important;
  font-weight:400!important;
  text-decoration:line-through!important;
}
.mv7-card-button{
  display:block!important;
  width:100%!important;
  padding:11px 10px!important;
  border-radius:4px!important;
  background:#111!important;
  color:#fff!important;
  text-align:center!important;
  text-decoration:none!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.7px!important;
  transition:background .2s ease!important;
}
.mv7-card-button:hover{background:#9a8060!important;color:#fff!important}

/* ---------- MOBILE ---------- */

@media(max-width:900px){
  .product-page-content .product-info{
    grid-template-columns:1fr!important;
    gap:24px!important;
    margin:24px auto 42px!important;
    padding:0 18px!important;
  }
  .product-page-content .product-info .left>.image{height:440px!important}
  .product-page-content .product-info .left>.image img#image{max-height:420px!important}
  .product-page-content .product-info>.right>.mv7-title{font-size:29px!important}
  .product-page-content .product-tabs{padding:0 18px!important}
  .mv7-related{padding:0 18px!important}
  .mv7-card{flex-basis:calc((100% - 12px)/2)!important}
  .mv7-track{gap:12px!important}
}

@media(max-width:600px){
  .product-page-content .product-info{padding:0 14px!important}
  .product-page-content .product-info .left>.image{height:350px!important}
  .product-page-content .product-info .left>.image img#image{max-height:330px!important}
  .product-page-content .product-info>.right>.mv7-title{font-size:25px!important;letter-spacing:-.4px!important}
  .product-page-content .product-info .price li,
  .product-page-content .product-info .price .product-price,
  .product-page-content .product-info .price .price-new{font-size:27px!important}
  .product-page-content .product-info .price .mv7-bgn{font-size:16px!important}

  .product-page-content .product-info .cart>div{gap:8px!important}
  .product-page-content .product-info .cart .qty{width:116px!important;flex-basis:116px!important}
  .product-page-content .product-info .cart .qty .journal-stepper{width:36px!important}
  .product-page-content .product-info .cart .qty input[name=quantity]{width:44px!important}
  .product-page-content #button-cart{padding:0 12px!important;font-size:10px!important;letter-spacing:.4px!important}

  .mv7-delivery{grid-template-columns:1fr!important;gap:8px!important}
  .mv7-delivery-card{min-height:74px!important}

  .product-page-content .product-tabs{padding:0 14px!important}
  .product-page-content .product-tabs .nav-tabs{
    gap:18px!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
  }
  .product-page-content .product-tabs .tab-content{padding:18px!important}

  .mv7-related{margin:42px auto 55px!important;padding:0 14px!important}
  .mv7-related-title h2{font-size:21px!important}
  .mv7-related-nav button{width:36px!important;height:36px!important}
  .mv7-track{gap:10px!important}
  .mv7-card{flex-basis:calc((100% - 10px)/2)!important}
  .mv7-card-image{height:190px!important;padding:12px!important}
  .mv7-card-image img{max-height:165px!important}
  .mv7-card-content{padding:13px 11px 12px!important}
  .mv7-card h3{min-height:50px!important;font-size:11px!important}
  .mv7-card-price{font-size:14px!important}
  .mv7-card-button{padding:10px 6px!important;font-size:9px!important}
}
