/* WEMMS_RING_MODAL_V1 */
body.wm-ring-lock{overflow:hidden}
.wm-ring-overlay{
 position:fixed;inset:0;z-index:99999;overflow:auto;
 background:#f3f0e8;color:#2b4035;padding:18px;
 font-family:Commissioner,Arial,sans-serif
}
.wm-ring-panel{max-width:1120px;margin:0 auto}
.wm-ring-head{
 display:flex;justify-content:space-between;
 gap:12px;align-items:center
}
.wm-ring-head span{
 font-size:12px;letter-spacing:.15em;color:#b47c60
}
.wm-ring-head h2{
 font:600 clamp(32px,5vw,54px) Oswald,Arial,sans-serif;
 margin:8px 0
}
.wm-ring-close{
 width:54px;height:54px;border-radius:50%;
 font-size:35px!important;line-height:1;
 background:#305546!important;color:#fff!important;
 cursor:pointer
}
.wm-ring-help{margin:0 0 15px;color:#69796f}
.wm-ring-stage{
 padding:clamp(12px,4vw,40px);border-radius:22px;
 background:radial-gradient(ellipse at top,#e5e3d9,#c9cfc5)
}
.wm-ring-book{
 max-width:900px;margin:auto;aspect-ratio:1.5;
 display:grid;grid-template-columns:1fr 1fr;
 position:relative;perspective:1100px;
 filter:drop-shadow(0 12px 8px #23382d40)
}
.wm-ring-sheet{
 position:relative;min-width:0;overflow:hidden;
 padding:clamp(5px,2vw,18px);display:flex;
 align-items:center;justify-content:center;
 background:#fffdf8;border:1px solid #d2d3c9
}
.wm-ring-left{
 border-radius:10px 1px 1px 10px;
 transform-origin:right center;
 box-shadow:inset -16px 0 21px -16px #334d4460
}
.wm-ring-right{
 border-radius:1px 10px 10px 1px;
 transform-origin:left center;
 box-shadow:inset 16px 0 21px -16px #334d4460
}
.wm-ring-sheet img{
 display:block;width:100%;height:100%;
 object-fit:contain;pointer-events:none;user-select:none
}
.wm-ring-sheet em{
 color:#8da196;text-align:center;
 font:italic clamp(15px,2.5vw,25px) Georgia,serif
}
.wm-ring-cover{
 width:100%;height:100%;background:#cbded7;
 border:3px solid #719489;display:flex;
 flex-direction:column;align-items:center;
 justify-content:center;gap:15px
}
.wm-ring-cover b{
 font:600 clamp(28px,5vw,60px) Oswald,Arial,sans-serif
}
.wm-ring-cover i{
 font:italic clamp(17px,3vw,30px) Georgia,serif
}
.wm-ring-mark{
 position:absolute;left:2%;right:2%;top:45%;
 transform:rotate(-24deg);background:#fff9e9ac;
 border-block:2px solid #30554666;color:#305546b8;
 text-align:center;
 font:700 clamp(9px,2.1vw,22px) Oswald,Arial,sans-serif;
 pointer-events:none
}
.wm-ring-metal{
 position:absolute;left:50%;top:0;bottom:0;
 width:0;z-index:2;pointer-events:none
}
.wm-ring-metal i{
 position:absolute;left:0;
 width:clamp(28px,5vw,48px);
 height:clamp(18px,3vw,30px);
 border:clamp(4px,.7vw,8px) solid #a2aba9;
 border-top-color:#f6f7f4;border-right-color:#637576;
 border-radius:50%;transform:translate(-50%,-50%);
 box-shadow:0 2px 3px #0004
}
.wm-ring-metal i:nth-child(1){top:14%}
.wm-ring-metal i:nth-child(2){top:32%}
.wm-ring-metal i:nth-child(3){top:50%}
.wm-ring-metal i:nth-child(4){top:68%}
.wm-ring-metal i:nth-child(5){top:86%}
.wm-ring-book.wm-ring-forward .wm-ring-right{
 animation:wm-ring-next .27s ease
}
.wm-ring-book.wm-ring-back .wm-ring-left{
 animation:wm-ring-prev .27s ease
}
@keyframes wm-ring-next{
 to{transform:rotateY(-80deg)}
}
@keyframes wm-ring-prev{
 to{transform:rotateY(80deg)}
}
.wm-ring-controls{
 display:flex;justify-content:center;align-items:center;
 gap:16px;margin:16px 0
}
.wm-ring-controls button{
 background:#305546!important;color:#fff!important;
 border:0;border-radius:28px;padding:11px 19px;cursor:pointer
}
.wm-ring-controls button:disabled{opacity:.35;cursor:default}
.wm-ring-count{min-width:70px;text-align:center}
.wm-ring-note{
 text-align:center;min-height:23px;color:#68786d
}
.wm-ring-order{
 margin-top:25px;background:#faf8f2;
 border:1px solid #dfdfd3;border-radius:18px;
 padding:20px;display:flex;gap:16px;
 align-items:center;justify-content:space-between;flex-wrap:wrap
}
.wm-ring-order strong{
 font:600 24px Oswald,Arial
}
.wm-ring-order a{
 background:#305546;color:#fff!important;
 text-decoration:none;padding:13px 22px;
 border-radius:25px;font-weight:600
}
.wm-ring-legal{
 text-align:center;padding:22px 0;color:#6e7d72
}
.wm-ring-legal a{color:#305546}
@media(max-width:650px){
 .wm-ring-overlay{padding:10px}
 .wm-ring-stage{padding:7px 3px}
 .wm-ring-sheet{padding:4px}
 .wm-ring-metal i{border-width:4px}
 .wm-ring-head h2{font-size:31px}
 .wm-ring-order{justify-content:center;text-align:center}
}
@media print{
 .wm-ring-overlay{display:none!important}
}

/* WEMMS_RING_BRAND_V12 */

.wm-ring-head {
 display:grid;
 grid-template-columns:160px minmax(0,1fr) 54px;
 align-items:center;
 gap:16px;
 padding:9px 0 20px;
}

.wm-ring-brand {
 display:inline-flex;
 align-items:center;
 justify-self:start;
}

.wm-ring-brand img {
 display:block;
 width:155px;
 max-width:100%;
 height:auto;
 max-height:72px;
 object-fit:contain;
}

.wm-ring-head > div {
 text-align:center;
 min-width:0;
}

.wm-ring-head h2 {
 font-family:Georgia,"Times New Roman",serif!important;
 font-size:clamp(33px,4.5vw,58px)!important;
 font-weight:400!important;
 font-style:italic;
 letter-spacing:-.035em;
 line-height:1.08;
 color:#305546;
 margin:7px 0!important;
}

.wm-ring-head span {
 font-family:Oswald,"Arial Narrow",sans-serif!important;
 font-size:12px;
 letter-spacing:.19em;
}

.wm-ring-close {
 justify-self:end;
}

.wm-ring-help {
 text-align:center;
 font-size:16px;
 line-height:1.65;
 max-width:650px;
 margin:0 auto 23px;
}

.wm-ring-cover-logo {
 width:min(64%,230px)!important;
 max-height:90px!important;
 height:auto!important;
 object-fit:contain!important;
}

.wm-ring-cover i {
 font-family:Georgia,"Times New Roman",serif!important;
 font-weight:400;
 letter-spacing:.015em;
}

@media(max-width:680px) {
 .wm-ring-head {
  grid-template-columns:100px minmax(0,1fr) 42px;
  gap:9px;
 }

 .wm-ring-brand img {
  width:100px;
  max-height:49px;
 }

 .wm-ring-head h2 {
  font-size:clamp(24px,5vw,37px)!important;
 }

 .wm-ring-head span {
  font-size:9px;
  letter-spacing:.09em;
 }

 .wm-ring-close {
  width:42px;
  height:42px;
  font-size:26px!important;
 }

 .wm-ring-help {
  font-size:13px;
 }

 .wm-ring-cover-logo {
  max-height:54px!important;
 }
}