/* Oberton Pro: product availability v1. All rules stay inside the new panel. */
.otp-design-2026 .otp-product-page .otp-availability-v1 {
    background: #142b33;
    border: 1px solid #476052;
    border-radius: 8px;
    color: #f7eedc;
    margin: 0 0 18px;
    overflow: hidden;
    text-align: left;
}
.otp-product-page .otp-availability-v1,
.otp-product-page .otp-availability-v1 * { box-sizing: border-box; }
.otp-product-page .otp-availability-status {
    align-items: center;
    background: #244739;
    color: #e1f5d8;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px 14px;
}
.otp-product-page .otp-availability-status > strong {
    color: inherit;
    flex: 1 1 110px;
    font: 700 17px/1.35 Arial, Helvetica, sans-serif;
    min-width: 0;
    overflow-wrap: anywhere;
}
.otp-product-page .otp-availability-icon,
.otp-product-page .otp-availability-case-icon { display: flex; flex: 0 0 22px; }
.otp-product-page .otp-availability-count {
    background: #18372a;
    border: 1px solid #5b8065;
    border-radius: 5px;
    color: #e1f5d8;
    font: 700 14px/1.3 Arial, Helvetica, sans-serif;
    max-width: 100%;
    padding: 4px 7px;
    overflow-wrap: anywhere;
}
.otp-product-page .otp-availability-notes { padding: 13px 14px 14px; }
.otp-product-page .otp-availability-label {
    color: #ddd9cc;
    font: 400 13px/1.4 Arial, Helvetica, sans-serif;
    margin: 0 0 8px;
}
.otp-design-2026 .otp-product-page .otp-availability-note-list {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.otp-design-2026 .otp-product-page .otp-availability-note-list > li {
    background: #f5ecd7;
    border: 1px solid #f5ecd7;
    border-radius: 4px;
    color: #192d33;
    font: 700 16px/1.25 Arial, Helvetica, sans-serif;
    list-style: none;
    margin: 0;
    max-width: 100%;
    padding: 7px 10px;
    overflow-wrap: anywhere;
}
.otp-product-page .otp-availability-variants {
    color: #f7eedc;
    font: 400 14px/1.5 Arial, Helvetica, sans-serif;
    overflow-wrap: anywhere;
    padding: 0 14px 14px;
}
.otp-product-page .otp-availability-status + .otp-availability-variants { padding-top: 13px; }
.otp-product-page .otp-availability-case {
    align-items: flex-start;
    background: #29342f;
    border-top: 1px solid #53614d;
    color: #efd296;
    display: flex;
    gap: 9px;
    padding: 12px 14px;
}
.otp-product-page .otp-availability-case > div { min-width: 0; }
.otp-product-page .otp-availability-case strong {
    color: inherit;
    display: block;
    font: 700 15px/1.45 Arial, Helvetica, sans-serif;
    overflow-wrap: anywhere;
}
.otp-design-2026 .otp-product-page .otp-availability-case a {
    color: #fff0cc !important;
    display: inline-block;
    font: 400 14px/1.5 Arial, Helvetica, sans-serif;
    padding: 5px 0 2px;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.otp-product-page .otp-availability-v1 a:focus-visible {
    outline: 2px solid #f6d38b;
    outline-offset: 3px;
}
.otp-product-page .otp-availability-empty .otp-availability-status { background: #374149; color: #f4e7dd; }
.otp-product-page .otp-availability-waiting .otp-availability-status { background: #55431f; color: #ffe6ae; }
.otp-product-page .otp-availability-restock {
    color: #e9e2d6;
    font: 400 14px/1.5 Arial, Helvetica, sans-serif;
    padding: 12px 14px;
    overflow-wrap: anywhere;
}
.otp-product-page .otp-availability-restock:empty { display: none; }
.otp-design-2026 .otp-product-page .otp-availability-restock a { color: #fff0cc !important; text-underline-offset: 3px; }
@media (max-width: 380px) {
    .otp-product-page .otp-availability-status { padding: 11px; gap: 6px; }
    .otp-product-page .otp-availability-status > strong { font-size: 16px; }
    .otp-product-page .otp-availability-notes,
    .otp-product-page .otp-availability-case,
    .otp-product-page .otp-availability-restock { padding-left: 11px; padding-right: 11px; }
}

/* The item remains visible both before and after submitting the subscription. */
#main .otp-waitlist-product {
    align-items: center;
    background: #fffaf0;
    border: 1px solid #d6c39a;
    border-radius: 6px;
    box-sizing: border-box;
    color: #1d3035;
    display: grid;
    gap: 20px;
    grid-template-columns: 128px minmax(0, 1fr);
    margin: 0 0 22px;
    padding: 14px;
    text-decoration: none;
}
#main .otp-waitlist-product-image {
    align-items: center;
    background: #fff;
    border: 1px solid #e5dfd2;
    display: flex;
    height: 112px;
    justify-content: center;
    min-width: 0;
    overflow: hidden;
}
#main .otp-waitlist-product img { display: block; height: 100%; max-width: 100%; object-fit: contain; width: 100%; }
#main .otp-waitlist-product [hidden] { display: none !important; }
#main .otp-waitlist-product-placeholder { color: #736b5c; font: 13px/1.4 Arial, sans-serif; padding: 8px; text-align: center; }
#main .otp-waitlist-product-copy { display: block; min-width: 0; }
#main .otp-waitlist-product strong { color: #1d3035; display: block; font: 600 21px/1.3 Arial, Helvetica, sans-serif; overflow-wrap: anywhere; }
#main .otp-waitlist-product-open { color: #805600; display: inline-block; font: 14px/1.5 Arial, Helvetica, sans-serif; margin-top: 8px; text-decoration: underline; text-underline-offset: 3px; }
#main .otp-waitlist-product:hover { border-color: #996600; }
#main .otp-waitlist-product:focus-visible { outline: 2px solid #996600; outline-offset: 3px; }
@media (max-width: 540px) {
    #main .otp-waitlist-product { gap: 12px; grid-template-columns: 88px minmax(0, 1fr); padding: 11px; }
    #main .otp-waitlist-product-image { height: 88px; }
    #main .otp-waitlist-product strong { font-size: 18px; }
}
@media (max-width: 360px) {
    #main .otp-waitlist-product { gap: 10px; grid-template-columns: 70px minmax(0, 1fr); }
    #main .otp-waitlist-product-image { height: 76px; }
}