.fm-op{
 --fm-op-orange:#ff7f00;
 --fm-op-ink:#191919;
 --fm-op-muted:#626a74;
 --fm-op-bg:#f9f7f3;
 --fm-op-gap:14px;
 position:relative;
 isolation:isolate;
 width:100%;
 max-width:100%;
 min-width:0;
 margin:0;
 padding:0 0 6px;
 overflow:visible;
 border:0;
 background:#f9f7f3;
 color:#191919;
 font-family:inherit;
}
.fm-op,.fm-op *{box-sizing:border-box}
.fm-op .fm-op-intro{margin:0 0 40px}
.fm-op .fm-op-title{
 margin:0 0 22px;
 color:#191919;
 font-family:inherit;
 font-size:36px;
 font-weight:600;
 line-height:1.12;
 letter-spacing:-.03em;
}
.fm-op .fm-op-notices{
 display:grid;
 grid-template-columns:minmax(0,1fr) minmax(0,1fr);
 gap:0;
 padding:18px 28px;
 border:0;
 border-radius:16px;
 background:#FFF3E8;
}
.fm-op .fm-op-notice-item{
 display:grid;
 grid-template-columns:56px minmax(0,1fr);
 align-items:center;
 gap:16px;
 min-width:0;
 margin:0;
 padding:0 28px;
}
.fm-op .fm-op-minimum{
 padding-left:0;
 border-right:1px solid #F0CDB0;
}
.fm-op .fm-op-discount{padding-right:0}
.fm-op .fm-op-notice-icon{
 display:grid;
 place-items:center;
 width:56px;
 height:56px;
 border-radius:50%;
 background:#FCEBD8;
 color:#FF7F00;
}
.fm-op .fm-op-notice-icon img{
 display:block;
 width:38px;
 height:38px;
 max-width:none;
 margin:0;
 pointer-events:none;
}
.fm-op .fm-op-notice-copy{min-width:0}
.fm-op .fm-op-notice-copy strong{
 display:block;
 margin:0 0 4px;
 color:#191919;
 font-size:17px;
 font-weight:600;
 line-height:1.25;
}
.fm-op .fm-op-notice-copy p{
 margin:0;
 color:#646464;
 font-size:15px;
 font-weight:400;
 line-height:1.42;
}
.fm-op .fm-op-categories{
 display:grid;
 grid-template-columns:minmax(0,1fr);
 gap:36px 28px;
 min-width:0;
}
.fm-op .fm-op-category{
 position:relative;
 min-width:0;
 overflow:visible;
}
.fm-op .fm-op-category-head{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:18px;
 min-height:42px;
 margin:0 0 14px;
}
.fm-op .fm-op-category-title{
 display:flex;
 align-items:center;
 min-width:0;
 margin:0;
 color:#191919;
 font-family:inherit;
 font-size:26px;
 font-weight:600;
 line-height:1.2;
 letter-spacing:-.025em;
}
.fm-op .fm-op-nav{
 display:flex;
 align-items:center;
 flex:0 0 auto;
 gap:7px;
}
.fm-op .fm-op-nav button{
 display:grid!important;
 place-items:center!important;
 flex:0 0 40px!important;
 width:40px!important;
 height:40px!important;
 min-width:40px!important;
 min-height:40px!important;
 max-width:40px!important;
 max-height:40px!important;
 margin:0!important;
 padding:0!important;
 overflow:visible!important;
 border:0!important;
 border-radius:50%!important;
 background:transparent!important;
 box-shadow:none!important;
 color:#191919!important;
 font-size:0!important;
 line-height:1!important;
 appearance:none!important;
 -webkit-appearance:none!important;
 transform:none!important;
 cursor:pointer!important;
 transition:opacity .2s ease,transform .2s ease!important;
}
.fm-op .fm-op-nav button img{
 display:block!important;
 width:32px!important;
 height:32px!important;
 max-width:none!important;
 margin:0!important;
 pointer-events:none;
 transition:transform .2s ease;
}
.fm-op .fm-op-nav button:disabled{
 opacity:.34!important;
 cursor:default!important;
}
.fm-op .fm-op-category.is-static .fm-op-nav{visibility:hidden}
.fm-op .fm-op-viewport{
 width:100%;
 max-width:100%;
 min-width:0;
 overflow-x:auto;
 overflow-y:hidden;
 overscroll-behavior-x:contain;
 scroll-snap-type:x mandatory;
 scrollbar-width:none;
 cursor:grab;
 touch-action:pan-x pan-y;
 -webkit-overflow-scrolling:touch;
}
.fm-op .fm-op-viewport::-webkit-scrollbar{display:none}
.fm-op .fm-op-viewport.fm-op-dragging{
 cursor:grabbing;
 scroll-snap-type:none;
 user-select:none;
}
.fm-op .fm-op-viewport.fm-op-static{cursor:default}
.fm-op .fm-op-track{
 display:flex;
 align-items:stretch;
 gap:var(--fm-op-gap);
 width:100%;
 min-width:0;
 padding:2px 2px 12px;
}
.fm-op .fm-op-card{
 display:flex;
 flex:0 0 auto;
 flex-direction:column;
 width:auto;
 min-width:0;
 overflow:hidden;
 scroll-snap-align:start;
 scroll-snap-stop:always;
 border:0;
 border-radius:16px;
 background:rgba(255, 255, 255, 0.7);
 box-shadow:0 10px 24px -14px rgba(25,25,25,.10);
 opacity:1;
 transform:none;
 transition:transform .28s ease,opacity .28s ease,box-shadow .28s ease;
}
.fm-op .fm-op-media{
 display:grid;
 place-items:center;
 width:100%;
 height:162px;
 padding:12px 12px 4px;
 overflow:hidden;
 background:#fff;
}
.fm-op .fm-op-image{
 display:block!important;
 width:100%!important;
 height:100%!important;
 max-width:none!important;
 margin:0!important;
 object-fit:cover!important;
 object-position:center!important;
 border-radius:12px!important;
 pointer-events:none;
 user-select:none;
}
.fm-op .fm-op-placeholder{
 display:grid;
 place-items:center;
 width:100%;
 height:100%;
 border-radius:12px;
 background:linear-gradient(145deg,#f0ede8,#f6f3ef);
 color:#c2bdb6;
}
.fm-op .fm-op-placeholder svg{
 display:block;
 width:52px;
 height:52px;
 fill:none;
 stroke:currentColor;
 stroke-width:1.35;
}
.fm-op .fm-op-card-body{
 display:flex;
 flex:1 1 auto;
 flex-direction:column;
 align-items:flex-start;
 padding:14px 18px 18px;
}
.fm-op .fm-op-card-title{
 margin:0 0 0px;
 color:#191919;
 font-family:inherit;
 font-size:16px;
 font-weight:600;
 line-height:1.3;
 letter-spacing:-.012em;
}
.fm-op .fm-op-price{
 margin:auto 0 0;
 color:#FF7F00;
 font-family:inherit;
 font-size:22px;
 font-weight:600;
 line-height:1.12;
 letter-spacing:-.02em;
}
.fm-op .fm-op-note{
 margin:3px 0px 13px;
 color:#6b727b;
 font-size:13px;
 font-weight:400;
 line-height:1.38;
}
.fm-op .fm-op-dots{
 display:none;
 align-items:center;
 justify-content:center;
 min-height:28px;
 margin:2px auto 0;
}
.fm-op .fm-op-dots[hidden]{display:none!important}
.fm-op .fm-op-dot{
 position:relative;
 display:grid!important;
 place-items:center!important;
 flex:0 0 27px!important;
 width:27px!important;
 height:27px!important;
 min-width:27px!important;
 min-height:27px!important;
 max-width:27px!important;
 max-height:27px!important;
 margin:0!important;
 padding:0!important;
 border:0!important;
 border-radius:50%!important;
 background:transparent!important;
 box-shadow:none!important;
 color:transparent!important;
 font-size:0!important;
 line-height:1!important;
 appearance:none!important;
 -webkit-appearance:none!important;
 transform:none!important;
 cursor:pointer!important;
}
.fm-op .fm-op-dot::before{
 content:""!important;
 display:block!important;
 width:7px!important;
 height:7px!important;
 border:0!important;
 border-radius:50%!important;
 background:#d2d3d4!important;
 box-shadow:none!important;
 transition:background-color .2s ease,transform .2s ease!important;
}
.fm-op .fm-op-dot[aria-current="true"]::before{
 background:#ff7f00!important;
 transform:scale(1.08)!important;
}
.fm-op .fm-op-live{
 position:absolute!important;
 width:1px!important;
 height:1px!important;
 margin:-1px!important;
 padding:0!important;
 overflow:hidden!important;
 clip:rect(0,0,0,0)!important;
 white-space:nowrap!important;
 border:0!important;
}
.fm-op :focus-visible{outline:2px solid #191919;outline-offset:3px}

@media(hover:hover) and (pointer:fine){
 .fm-op .fm-op-viewport:not(.fm-op-dragging) .fm-op-card:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 28px -14px rgba(25,25,25,.22);
 }
 .fm-op .fm-op-nav button:not(:disabled):hover img{transform:scale(1.06)}
}
@media(max-width:1099px){
 .fm-op .fm-op-title{font-size:32px}
 .fm-op .fm-op-category-title{font-size:24px}
}
@media(max-width:767px){
 .fm-op{
  --fm-op-gap:12px;
  --fm-op-mobile-card:67%;
 }
 .fm-op .fm-op-intro{margin-bottom:32px}
 .fm-op .fm-op-title{
  margin-bottom:18px;
  font-size:28px;
  line-height:1.16;
 }
 .fm-op .fm-op-notices{
  display:block;
  padding:0 14px;
  border-radius:14px;
 }
 .fm-op .fm-op-notice-item{
  grid-template-columns:46px minmax(0,1fr);
  gap:12px;
  padding:14px 0;
 }
 .fm-op .fm-op-minimum{
  border-right:0;
  border-bottom:1px solid #F0CDB0;
 }
 .fm-op .fm-op-discount{padding:14px 0}
 .fm-op .fm-op-notice-icon{width:44px;height:44px}
 .fm-op .fm-op-notice-icon img{width:28px;height:28px}
 .fm-op .fm-op-notice-copy strong{margin-bottom:3px;font-size:14px;line-height:1.25}
 .fm-op .fm-op-notice-copy p{font-size:12.5px;line-height:1.4}
 .fm-op .fm-op-categories{gap:32px}
 .fm-op .fm-op-category-head{min-height:38px;margin-bottom:12px}
 .fm-op .fm-op-category-title{font-size:22px;line-height:1.22}
 .fm-op .fm-op-nav{gap:3px}
 .fm-op .fm-op-nav button{
  flex-basis:36px!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  max-width:36px!important;
  max-height:36px!important;
 }
 .fm-op .fm-op-nav button img{width:30px!important;height:30px!important}
 .fm-op .fm-op-category.is-static .fm-op-nav{display:none}
 .fm-op .fm-op-track{gap:12px;padding:2px 0 8px}
 .fm-op .fm-op-track::after{
  content:"";
  display:block;
  flex:0 0 calc((100% - var(--fm-op-mobile-card)) - 12px);
  min-width:0;
 }
 .fm-op .fm-op-card{
  border-radius:14px;
  opacity:.42;
  transform:scale(.985);
  transform-origin:center center;
 }
 .fm-op .fm-op-card.is-active{opacity:1;transform:scale(1)}
 .fm-op .fm-op-media{height:146px;padding:11px 11px 3px}
 .fm-op .fm-op-card-body{padding:13px 16px 17px}
 .fm-op .fm-op-card-title{margin-bottom:0px;font-size:16px;line-height:1.3}
 .fm-op .fm-op-price{font-size:22px}
 .fm-op .fm-op-note{font-size:13px}
 .fm-op .fm-op-dots{display:flex}
}
@media(max-width:380px){
 .fm-op .fm-op-title{font-size:27px}
 .fm-op .fm-op-category-title{font-size:21px}
 .fm-op .fm-op-card-body{padding-inline:15px}
}
@media(prefers-reduced-motion:reduce){
 .fm-op .fm-op-card,
 .fm-op .fm-op-nav button,
 .fm-op .fm-op-nav button img,
 .fm-op .fm-op-dot::before{transition:none!important}
 .fm-op .fm-op-viewport{scroll-behavior:auto}
}