.lb-tryon-open{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;padding:10px 0;cursor:pointer;font:inherit;color:inherit;text-decoration:none}
.lb-tryon-open:hover{text-decoration:underline}
.lb-tryon-camera{font-size:18px;line-height:1}
.lb-tryon{display:none;position:fixed!important;inset:0!important;z-index:2147483646!important;font-family:inherit}
.lb-tryon.is-open{display:flex!important;align-items:center;justify-content:center;transform:translateZ(0)!important;isolation:isolate!important;contain:layout style!important}
.lb-tryon__backdrop{position:absolute;inset:0;background:rgba(25,14,10,.58)}
.lb-tryon__dialog{position:relative;z-index:1;width:min(94vw,620px);max-height:94vh;overflow:auto;overscroll-behavior:contain;background:#fff;border-radius:22px;padding:34px;box-sizing:border-box;box-shadow:0 24px 80px rgba(0,0,0,.28);text-align:center;color:#241b17}
.lb-tryon__close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:32px;line-height:1;cursor:pointer;color:#241b17;z-index:2147483647}
.lb-tryon h2{margin:0 40px 16px;font-size:30px;line-height:1.15}
.lb-tryon__lead{font-size:15px;line-height:1.45;margin:0 auto 22px;max-width:500px}
.lb-tryon__example{position:relative;margin:0 auto 18px;max-width:520px;border-radius:20px;overflow:hidden;background:#f2efed}
.lb-tryon__example img{display:block;width:100%;max-height:340px;object-fit:cover;object-position:center}
.lb-tryon__example-label{position:absolute;left:16px;top:16px;z-index:1;background:rgba(255,255,255,.92);border-radius:24px;padding:9px 14px;font-size:12px;font-weight:700;color:#685b55}
.lb-tryon__drop{display:flex;min-height:190px;border-radius:18px;background:#f4f1ef;border:2px dashed #c9b8ae;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:24px;box-sizing:border-box}
.lb-tryon__upload-title,.lb-tryon__again,.lb-tryon__generate{display:block;width:100%;max-width:500px;background:#362820;color:#fff;border:0;border-radius:40px;padding:18px 24px;font-weight:700;font-size:17px;line-height:1.2;box-sizing:border-box;cursor:pointer;margin-left:auto;margin-right:auto}
.lb-tryon__hint{display:block;margin-top:14px;color:#806c61;font-size:13px}
.lb-tryon__selected{margin:0 auto 18px;max-width:520px}
.lb-tryon__selected-image{display:block;width:100%;max-height:420px;object-fit:contain;background:#f4f1ef;border-radius:18px;margin-bottom:14px}
.lb-tryon__change-photo{border:0;background:transparent;text-decoration:underline;color:#6e5a50;cursor:pointer;margin-top:12px;font:inherit}
.lb-tryon__tips{margin:24px auto;text-align:left;display:inline-flex;flex-direction:column;gap:7px;line-height:1.45}
.lb-tryon__privacy{font-size:12px;line-height:1.45;color:#8b7d75;max-width:480px;margin:20px auto 0}
.lb-tryon__diagnostic{margin:18px auto 0;max-width:520px;text-align:left;border:1px solid #ddd4cf;border-radius:12px;background:#faf8f7;font-size:12px}
.lb-tryon__diagnostic summary{padding:10px 12px;cursor:pointer;font-weight:700}
.lb-tryon__diagnostic>div{padding:0 12px 12px;line-height:1.5;color:#594c45}
.lb-tryon__spinner{width:52px;height:52px;border-radius:50%;border:5px solid #e8e0dc;border-top-color:#362820;animation:lb-spin .9s linear infinite;margin:80px auto 30px}
@keyframes lb-spin{to{transform:rotate(360deg)}}
.lb-tryon__result{display:block;width:100%;max-height:70vh;object-fit:contain;border-radius:18px;background:#f5f5f5;margin:0 auto 12px}
.lb-tryon__result-meta{font-size:12px;color:#7c6c64;margin:0 auto 18px}
.lb-tryon__again{margin:0 auto}
.lb-tryon__error{margin-top:18px;padding:14px;border-radius:12px;background:#fff1f0;color:#9b231f}
html.lb-tryon-lock,html.lb-tryon-lock body{overflow:hidden!important}
.lb-tryon-media-hidden{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
@media(max-width:640px){
  .lb-tryon.is-open{align-items:stretch}
  .lb-tryon__dialog{width:100vw;max-height:100dvh;height:100dvh;border-radius:0;padding:calc(26px + env(safe-area-inset-top, 0px)) 18px calc(18px + env(safe-area-inset-bottom, 0px));padding-left:calc(18px + env(safe-area-inset-left, 0px));padding-right:calc(18px + env(safe-area-inset-right, 0px))}
  .lb-tryon__close{position:fixed!important;top:calc(env(safe-area-inset-top, 0px) + 10px)!important;right:calc(env(safe-area-inset-right, 0px) + 10px)!important;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 2px 12px rgba(0,0,0,.14);display:flex;align-items:center;justify-content:center;font-size:30px;line-height:1;z-index:2147483647!important;-webkit-transform:translateZ(0);transform:translateZ(0)}
  .lb-tryon__step--result h2{padding-right:48px}
  .lb-tryon h2{font-size:24px;margin-top:20px}
  .lb-tryon__drop{min-height:170px}
  .lb-tryon__example img{max-height:310px}
  @supports (-webkit-touch-callout:none){
    .lb-tryon__dialog{padding-top:calc(30px + env(safe-area-inset-top, 0px))}
    .lb-tryon__close{top:calc(env(safe-area-inset-top, 0px) + 12px)!important}
  }
}

.lb-tryon__limit-notice{font-size:13px;line-height:1.45;color:#5f5048;background:#f7f3f1;border-radius:12px;padding:11px 14px;max-width:520px;margin:16px auto 0}

.lb-tryon-open--catalog{
    width:100%;
    justify-content:center;
    padding:9px 12px;
    margin:0;
    border:1px solid #d8cbc4;
    border-radius:8px;
    background:#fff;
    color:#362820;
    font-size:13px;
    font-weight:600;
    text-decoration:none!important;
}
.lb-tryon-open--catalog:hover{
    background:#f7f3f1;
    border-color:#c8b7ae;
    text-decoration:none!important;
}
.lb-tryon-open--catalog .lb-tryon-camera{font-size:14px}


/* v0.3.0 — desktop sticky-header fix.
 * The site header uses its own very high stacking context. Keep the try-on
 * overlay above it and anchor tall dialogs below the viewport top instead of
 * vertically centering them behind the header.
 */
@media (min-width:768px){
  .lb-tryon.is-open{
    align-items:flex-start!important;
    justify-content:center!important;
    overflow-y:auto!important;
    box-sizing:border-box!important;
    padding-top:24px!important;
    padding-bottom:24px!important;
  }

  .lb-tryon__backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:0!important;
  }

  .lb-tryon__dialog{
    position:relative!important;
    z-index:1!important;
    margin:0 auto!important;
    max-height:calc(100dvh - 48px)!important;
  }

  .lb-tryon__close{
    z-index:2147483647!important;
  }
}