.mhpm-product-videos,
.mhpm-product-videos *{box-sizing:border-box;}

.mhpm-product-videos{
  --mhpm-ink:#151515;
  --mhpm-muted:#6f6a60;
  --mhpm-gold:#c89b52;
  --mhpm-gold-soft:#fff7e8;
  --mhpm-bg:#ffffff;
  --mhpm-soft:#faf9f6;
  --mhpm-line:#e6dccb;
  --mhpm-radius:12px;
  width:100%;
  max-width:100%;
  margin:16px 0 18px;
  direction:rtl;
  unicode-bidi:isolate;
  background:var(--mhpm-bg);
  border:1px solid var(--mhpm-line);
  border-radius:12px!important;
  padding:12px;
  box-shadow:none!important;
  filter:none!important;
  position:relative;
  overflow:hidden;
  clear:both;
}
.mhpm-product-videos,
.mhpm-product-videos:hover,
.mhpm-product-videos:focus,
.mhpm-product-videos:focus-within,
.mhpm-product-videos:before,
.mhpm-product-videos:after,
.mhpm-product-videos *,
.mhpm-product-videos *:hover,
.mhpm-product-videos *:focus,
.mhpm-product-videos *:before,
.mhpm-product-videos *:after{
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
.mhpm-product-videos:before{display:none!important;}
.mhpm-product-videos bdi{unicode-bidi:isolate;}
.mhpm-autoinject-template{display:none!important;}

.mhpm-product-videos__header{display:grid;gap:5px;margin:0 0 12px;text-align:right;justify-items:start;}
.mhpm-product-videos__badge{display:inline-flex;width:max-content;max-width:100%;align-items:center;min-height:24px;padding:4px 10px;border-radius:12px!important;background:var(--mhpm-gold-soft);color:#79551b;font-size:11px;font-weight:800;line-height:1.45;border:1px solid #ead6ad;box-shadow:none!important;}
.mhpm-product-videos__header h2{margin:0!important;color:var(--mhpm-ink)!important;font-size:clamp(17px,1.7vw,20px)!important;line-height:1.45!important;font-weight:900!important;letter-spacing:-.015em;text-align:right!important;}
.mhpm-product-videos__header p{max-width:100%;margin:0!important;color:var(--mhpm-muted)!important;font-size:13px!important;line-height:1.75!important;font-weight:500;text-align:right!important;}

.mhpm-product-videos__grid{display:grid;width:100%;max-width:none;margin:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;align-items:stretch;justify-items:stretch;box-shadow:none!important;filter:none!important;}
.mhpm-product-videos__grid.has-single,
.mhpm-product-videos__grid.has-single.single-is-landscape,
.mhpm-product-videos__grid.has-single.single-is-square,
.mhpm-product-videos__grid.has-single.single-is-portrait{width:100%;max-width:none;margin:0;grid-template-columns:1fr;box-shadow:none!important;filter:none!important;}
.mhpm-video-card{min-width:0;width:100%;max-width:100%;margin:0;border:0;background:transparent;box-shadow:none!important;filter:none!important;transform:none!important;}
.mhpm-video-card:hover,
.mhpm-video-card:focus-within{box-shadow:none!important;filter:none!important;transform:none!important;}
.mhpm-video-trigger{display:block;width:100%;padding:0!important;border:0!important;background:transparent!important;cursor:pointer;text-align:inherit;-webkit-appearance:none;appearance:none;box-shadow:none!important;filter:none!important;transform:none!important;outline:none!important;border-radius:12px!important;}
.mhpm-video-trigger:hover,
.mhpm-video-trigger:focus,
.mhpm-video-trigger:active{box-shadow:none!important;filter:none!important;transform:none!important;background:transparent!important;outline:none!important;}
.mhpm-video-trigger:focus-visible .mhpm-video-frame{outline:2px solid rgba(200,155,82,.38);outline-offset:3px;}

.mhpm-video-frame{position:relative;display:block;width:100%;aspect-ratio:16/9;min-height:160px;overflow:hidden;border-radius:12px!important;background:var(--mhpm-soft);border:1px solid #d9bd82;box-shadow:none!important;filter:none!important;transform:none!important;transition:none!important;}
.mhpm-video-card.is-portrait .mhpm-video-frame,
.mhpm-product-videos__grid.has-single.single-is-portrait .mhpm-video-frame{aspect-ratio:16/9;min-height:170px;max-height:260px;}
.mhpm-product-videos__grid.has-multiple .mhpm-video-frame{aspect-ratio:4/5;min-height:0;max-height:none;}
.mhpm-product-videos__grid.has-multiple .mhpm-video-card.is-landscape .mhpm-video-frame{aspect-ratio:16/10;}
.mhpm-product-videos__grid.has-multiple .mhpm-video-card.is-square .mhpm-video-frame{aspect-ratio:1/1;}
.mhpm-video-trigger:hover .mhpm-video-frame{border-color:#d9bd82;background:var(--mhpm-soft);box-shadow:none!important;filter:none!important;transform:none!important;}

.mhpm-video-frame__bg{position:absolute;inset:-16px;width:calc(100% + 32px);height:calc(100% + 32px);object-fit:cover;opacity:.10;transform:scale(1.04);box-shadow:none!important;filter:none!important;}
.mhpm-video-frame__media{position:absolute;z-index:1;inset:0;width:100%;height:100%;display:block;object-fit:cover;background:var(--mhpm-soft);box-shadow:none!important;filter:none!important;border-radius:0!important;}
.mhpm-product-videos__grid.has-multiple .mhpm-video-card.is-landscape .mhpm-video-frame__media,
.mhpm-product-videos__grid.has-multiple .mhpm-video-card.is-square .mhpm-video-frame__media{object-fit:cover;}
.mhpm-video-frame__overlay{position:absolute;z-index:2;inset:0;background:linear-gradient(to top,rgba(0,0,0,.13) 0%,rgba(0,0,0,0) 48%);pointer-events:none;transition:none!important;box-shadow:none!important;filter:none!important;}
.mhpm-video-trigger:hover .mhpm-video-frame__overlay{opacity:1;}

.mhpm-video-frame__play{position:absolute;z-index:3;top:50%;left:50%;width:52px;height:52px;display:grid;place-items:center;border-radius:12px!important;background:#fff4df;color:#111;transform:translate(-50%,-50%)!important;box-shadow:none!important;filter:none!important;border:1px solid #e3c27f;transition:none!important;}
.mhpm-video-frame__play svg{width:25px;height:25px;fill:currentColor;margin-left:-2px;}
.mhpm-video-trigger:hover .mhpm-video-frame__play{background:#fff4df;color:#111;border-color:#e3c27f;transform:translate(-50%,-50%)!important;box-shadow:none!important;filter:none!important;}

.mhpm-video-frame__meta{display:none!important;}

.mhpm-video-lightbox,
.mhpm-video-lightbox *{box-sizing:border-box;}
.mhpm-video-lightbox{position:fixed;z-index:999999;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(245,244,241,.86);backdrop-filter:blur(10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease;}
.mhpm-video-lightbox.is-open{opacity:1;visibility:visible;pointer-events:auto;}
.mhpm-video-lightbox__box{--mhpm-video-aspect:16/9;position:relative;width:min(94vw,920px);max-height:94vh;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;padding:12px;border-radius:12px!important;background:#ffffff;border:1px solid #e6dccb;box-shadow:none!important;filter:none!important;overflow:hidden;}
.mhpm-video-lightbox__box.is-portrait{width:min(94vw,520px);}
.mhpm-video-lightbox__box.is-square{width:min(94vw,650px);}
.mhpm-video-lightbox__box.is-landscape,
.mhpm-video-lightbox__box.is-unknown{width:min(94vw,920px);}
.mhpm-video-lightbox__header{display:flex;align-items:center;gap:10px;min-width:0;direction:rtl;background:#fff;border-radius:12px!important;box-shadow:none!important;filter:none!important;}
.mhpm-video-lightbox__title{flex:1;min-width:0;margin:0;color:#151515;font-size:14px;font-weight:850;line-height:1.55;direction:auto;unicode-bidi:plaintext;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mhpm-video-lightbox__close,
.mhpm-video-lightbox__close:hover,
.mhpm-video-lightbox__close:focus,
.mhpm-video-lightbox__close:active{flex:0 0 auto!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border:1px solid #e6dccb!important;border-radius:12px!important;background:#f7f7f7!important;color:#151515!important;font-size:20px!important;font-weight:700!important;line-height:1!important;cursor:pointer;display:grid!important;place-items:center!important;padding:0!important;margin:0!important;box-shadow:none!important;filter:none!important;transform:none!important;outline:none!important;overflow:hidden!important;-webkit-appearance:none!important;appearance:none!important;}
.mhpm-video-lightbox__close:hover{background:#fff7e8!important;border-color:#d9bd82!important;}
.mhpm-video-lightbox__close:focus-visible{outline:2px solid rgba(200,155,82,.35)!important;outline-offset:2px!important;}
.mhpm-video-lightbox__stage{width:100%;min-height:0;border-radius:12px!important;background:#ffffff;overflow:hidden;border:1px solid #e6dccb;box-shadow:none!important;filter:none!important;display:block;aspect-ratio:var(--mhpm-video-aspect);}
.mhpm-video-lightbox video{width:100%!important;height:100%!important;max-height:calc(94vh - 86px);border-radius:0!important;background:#ffffff;object-fit:cover!important;display:block;margin:0!important;box-shadow:none!important;filter:none!important;}
.mhpm-video-lightbox__box.is-portrait .mhpm-video-lightbox__stage{width:min(100%,470px);margin:0 auto;}
body.mhpm-lightbox-open{overflow:hidden!important;}

@media(max-width:768px){
  .mhpm-product-videos{padding:10px;border-radius:12px!important;margin:14px 0 16px;box-shadow:none!important;filter:none!important;}
  .mhpm-product-videos__header{margin-bottom:10px;}
  .mhpm-product-videos__grid{grid-template-columns:1fr;gap:10px;box-shadow:none!important;filter:none!important;}
  .mhpm-product-videos__grid.has-single{max-width:100%;box-shadow:none!important;filter:none!important;}
  .mhpm-video-frame{border-radius:12px!important;box-shadow:none!important;filter:none!important;min-height:150px;}
  .mhpm-video-card.is-portrait .mhpm-video-frame,
  .mhpm-product-videos__grid.has-single.single-is-portrait .mhpm-video-frame{min-height:150px;max-height:220px;}
  .mhpm-video-frame__play{width:48px;height:48px;border-radius:12px!important;}
  .mhpm-video-lightbox{padding:10px;}
  .mhpm-video-lightbox__box{border-radius:12px!important;padding:10px;gap:9px;width:min(96vw,920px);}
  .mhpm-video-lightbox__box.is-portrait{width:min(96vw,470px);}
  .mhpm-video-lightbox__stage{border-radius:12px!important;}
  .mhpm-video-lightbox__title{font-size:13px;}
  .mhpm-video-lightbox__close,
  .mhpm-video-lightbox__close:hover,
  .mhpm-video-lightbox__close:focus,
  .mhpm-video-lightbox__close:active{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border-radius:12px!important;}
}
