/*
Theme Name: Mon Chou Chou LP
Description: ISM Sweet Dolce teaser, PHP theme with editable section blocks.
Version: 0.2.0
Requires PHP: 8.1
Text Domain: mon-chou-chou-lp
*/
@font-face{font-family:'Noto Sans JP';src:url('assets/fonts/noto-sans-jp.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Outfit;src:url('assets/fonts/outfit.ttf') format('truetype');font-weight:100 900;font-display:swap}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;color:#363636;font-family:'Noto Sans JP',sans-serif}
body{background:#ec8fa5}
button,input,select,textarea{font:inherit}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #75213c;outline-offset:4px}
.teaser-shell{min-height:100svh}.teaser-shell__content{container-type:inline-size;position:relative;min-width:0;max-width:390px;margin-inline:auto;background:#fff;outline-offset:-3px}
.teaser-shell__content>p:empty{display:none}
.teaser-shell__skip{position:fixed;z-index:100;top:0;left:0;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;background:#fff;color:#363636}.teaser-shell__skip:focus{width:auto;height:auto;padding:1rem;overflow:visible;clip-path:none}
.desktop-frame{display:none}.desktop-frame p,.desktop-frame h2{margin:0}
.desktop-frame__background{position:absolute;inset:0;background:url('assets/images/desktop-background.png') center/1440px 1024px repeat;pointer-events:none}
.desktop-frame__cream{position:absolute;pointer-events:none}.desktop-frame__cream--top{width:263px;height:195px;left:0;top:0}.desktop-frame__cream--bottom{width:316px;height:208px;right:0;bottom:0}
.desktop-frame__column{display:flex;align-items:center;justify-content:center;position:relative}.desktop-frame__column--left{grid-column:1}.desktop-frame__column--right{grid-column:3}
.desktop-frame__left{width:358px;color:#fff;display:flex;flex-direction:column;gap:24px}.desktop-frame__right{width:327px;color:#fff;display:flex;flex-direction:column;gap:36px}
.desktop-frame__badge{height:53px;position:relative;display:flex;align-items:center;padding-left:17px}.desktop-frame__badge-text{display:block;background:#c33856;border-radius:18px;font-size:16px;line-height:24px;font-weight:700;width:340px;text-align:center;padding:5.5px 0}
.desktop-frame__portrait{position:absolute;left:0;top:0;width:53px;height:53px}.desktop-frame__heading{display:block;width:329.682px;height:131.5px;margin:9px auto 16px}
.desktop-frame__products{display:flex;align-items:center;justify-content:space-between;width:343.494px;height:194px;margin:auto}.desktop-frame__bottles{width:165.471px;height:194px;object-fit:contain}.desktop-frame__box{width:157.482px;height:180.306px;object-fit:contain}
.desktop-frame__features{display:grid;grid-template-columns:126px 115px 109px;gap:4px;margin-top:12px}.desktop-frame__feature{border-radius:20px;background:#f9f08a;color:#c33856;font-weight:700;font-size:12px;line-height:14.4px;min-height:40px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:pre-line}
.desktop-frame__date{border-block:1px solid #fff;text-align:center;font-size:14px;font-weight:700;line-height:29px}.desktop-frame__date strong{font-family:Outfit,sans-serif;font-size:18px;font-weight:700;letter-spacing:.72px;margin-right:6px}
.desktop-frame__product-name{font-size:15px;font-weight:700;line-height:23px;text-align:center;margin-top:10px!important}.desktop-frame__price{display:flex;align-items:center;justify-content:center;gap:6px;height:60px}.desktop-frame__amount{font:600 40px/60px Outfit,sans-serif}.desktop-frame__currency{position:relative;font-size:22px;font-weight:700;padding-top:9px}.desktop-frame__tax{font-size:10px;position:absolute;top:0;left:0;font-weight:600;white-space:nowrap}.desktop-frame__inclusive{font-size:12px;font-weight:600}
.desktop-frame__buttons{display:flex;flex-direction:column;gap:8px}.desktop-frame__button{border:2px solid #fff;border-radius:999px;min-height:67px;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-size:18px;font-weight:700;line-height:27px;padding:16px 8px}.desktop-frame__button--shop{background:#fff;color:#ec8fa5}.desktop-frame__button img{width:13.5px;height:8.25px}.desktop-frame__note{text-align:right;font-size:10px;line-height:10px}
.desktop-frame__menu-title{font:600 40px/60px Outfit,sans-serif}.desktop-frame__menu{list-style:none;display:flex;flex-direction:column;gap:24px;margin:24px 0 30px;padding:0}.desktop-frame__menu a{display:flex;align-items:center;gap:16px;text-decoration:none;min-height:36px;white-space:nowrap}.desktop-frame__menu-en{font:600 24px/36px Outfit,sans-serif}.desktop-frame__menu-ja{font-size:15px;font-weight:700;opacity:.8}
.desktop-frame__socials{display:flex;gap:26px}.desktop-frame__socials a,.desktop-frame__socials img{display:block;width:28px;height:28px}.desktop-frame__qr{border-radius:15px;min-height:102px;display:flex;align-items:center;gap:19px;background:#f9f08a;color:#363636;padding:14px;text-decoration:none}.desktop-frame__qr img{width:74px;height:74px;object-fit:contain}.desktop-frame__qr span{font-size:16px;line-height:24px;text-align:center;font-weight:700;white-space:pre-line}
.editor-styles-wrapper .section-editor__preview{width:390px;max-width:100%;container-type:inline-size;margin:auto;font-family:'Noto Sans JP',sans-serif}.editor-styles-wrapper .desktop-frame{display:grid;gap:24px;background:#ec8fa5;padding:16px;position:relative}.editor-styles-wrapper .desktop-frame__column{grid-column:auto}.editor-styles-wrapper .desktop-frame__background,.editor-styles-wrapper .desktop-frame__cream{display:none}
@media(min-width:960px){body{overflow:hidden}.teaser-shell{height:100svh;min-height:0}.teaser-shell__content{height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:none;box-shadow:0 0 18px #0002}.teaser-shell__content::-webkit-scrollbar{display:none}body.admin-bar .teaser-shell{height:calc(100svh - 32px)}}
@media(min-width:1200px){.teaser-shell>.desktop-frame{display:grid;grid-template-columns:minmax(0,1fr) 390px minmax(0,1fr);position:fixed;inset:0;overflow:hidden}body.admin-bar .teaser-shell>.desktop-frame{top:32px}}
@media(min-width:1200px) and (max-height:900px){.desktop-frame__left,.desktop-frame__right{transform:scale(.8)}}
@media(min-width:1200px) and (max-height:700px){.desktop-frame__left,.desktop-frame__right{transform:scale(.6)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{body{overflow:visible;background:#fff}.desktop-frame,.teaser-shell__skip{display:none!important}.teaser-shell,body.admin-bar .teaser-shell{height:auto;display:block}.teaser-shell__content{height:auto;overflow:visible;box-shadow:none}}

.desktop-frame__product-name{margin-bottom:-2px!important}