/* NoktaOn 1.8.81 — focused listing form, video CTA and search stability. */
body.nok-web .nok-create-hero{background:linear-gradient(115deg,#103e36,#146a50 60%,#1b9970);border-radius:23px;overflow:hidden;padding:clamp(22px,3.5vw,38px);color:#fff;border:0;box-shadow:none!important}
body.nok-web .nok-create-hero h1{color:#fff;letter-spacing:-.04em}
body.nok-web .nok-create-hero p{color:#d9f0e5;max-width:660px}
body.nok-web .nok-create-layout{align-items:start;gap:22px}
body.nok-web .nok-create-form{background:#fff;border:1px solid #dbe9e1;border-radius:23px;padding:clamp(19px,3vw,32px);box-shadow:none!important}
body.nok-web .nok-create-form>h2{font-size:clamp(22px,2.7vw,29px);letter-spacing:-.04em}
body.nok-web .nok-create-form label,body.nok-web .nok81-edit-form label{color:#244638;font-size:13px;font-weight:750}
body.nok-web .nok-create-form input,body.nok-web .nok-create-form select,body.nok-web .nok-create-form textarea,body.nok-web .nok81-edit-form input,body.nok-web .nok81-edit-form select,body.nok-web .nok81-edit-form textarea{border:1px solid #d8e6dd;border-radius:12px;background:#fbfdfb;box-shadow:none;min-height:43px}
body.nok-web .nok-create-form :is(input,select,textarea):focus,body.nok-web .nok81-edit-form :is(input,select,textarea):focus{border-color:#188858;outline:2px solid #d6f4e2;outline-offset:1px}
body.nok-web .nok81-photo-video-upload{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0 18px}
body.nok-web .nok81-photo-video-upload>label{display:flex;flex-direction:column;gap:9px;padding:19px;border:1px dashed #aedac1;border-radius:16px;background:#f5fbf7;min-width:0}
body.nok-web .nok81-photo-video-upload label small{font-size:11px;color:#617b6d}
body.nok-web .nok81-photo-video-upload input[type=file]{display:block;min-height:0;width:100%;max-width:100%;border:0;padding:8px 0;background:transparent;font-size:12px}
body.nok-web .nok81-upload-hint,body.nok-web .nok81-video-selected{font-size:11px;color:#5c7668;line-height:1.5;font-weight:500}
body.nok-web .nok81-video-selected{font-weight:750;color:#167351}
body.nok-web .nok81-edit-form{border:1px solid #dbe9e1;background:#fff;border-radius:22px;box-shadow:none!important;padding:clamp(20px,3vw,30px)}
body.nok-web .nok73-edit-media{border-radius:22px;background:#f8fcf9;box-shadow:none!important}
body.nok-web .nok81-section-step{display:block;margin-bottom:8px;font-size:11px;letter-spacing:.12em;font-weight:850;color:#207350}
body.nok-web .nok81-detail-video{display:flex;flex-wrap:wrap;align-items:center;gap:18px;width:100%;grid-column:1 / -1;box-sizing:border-box;margin:20px 0;border:1px solid #d1e9d9;background:linear-gradient(112deg,#f3fbf5,#e7f6ed);border-radius:22px;padding:clamp(18px,2.4vw,27px);box-shadow:none!important}
body.nok-web .nok81-video-graphic{display:grid;place-items:center;width:64px;height:64px;flex:none;border-radius:19px;background:#d4eedf;color:#0f7149;font-size:28px}
body.nok-web .nok81-video-copy{flex:1 1 220px;min-width:0}
body.nok-web .nok81-video-kicker{font-size:10px;letter-spacing:.14em;font-weight:900;color:#2c8a5c}
body.nok-web .nok81-detail-video h2{font-size:clamp(20px,2.2vw,25px);line-height:1.2;margin:5px 0 7px;color:#183d2e;letter-spacing:-.025em}
body.nok-web .nok81-detail-video p{margin:0;color:#4e7862;font-size:13px;line-height:1.5}
body.nok-web .nok81-detail-video .nok81-video-watch{flex:0 1 auto;min-height:48px;padding:13px 19px;background:#126b4b;color:#fff;border:1px solid #126b4b;border-radius:13px;box-shadow:none!important;font-size:13px;font-weight:850}
body.nok-web .nok81-detail-video .nok81-video-watch:hover{background:#08533a;color:#fff}
/* Suggestions live at document root, not under form (portal). */
body.nok-web .hero-suggestions.nok31-search-portal{position:fixed;z-index:2147481000;min-width:240px;visibility:visible;opacity:1}
body.nok-web .hero-suggestions.nok31-search-portal[hidden]{display:none!important}
@media(max-width:780px){body.nok-web .nok81-photo-video-upload{grid-template-columns:1fr}body.nok-web .nok81-detail-video .nok81-video-watch{flex:1 0 100%;justify-content:center}body.nok-web .nok81-video-graphic{width:50px;height:50px;font-size:23px}}

/* Popup is rendered directly under body: explicitly style portal regardless of form layout. */
body.nok-web .nok31-search-portal{display:block;position:fixed;z-index:2147482000;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;max-width:calc(100vw - 24px);background:white;color:#153d2b;border:1px solid #d9eadf;border-radius:17px;box-shadow:0 16px 40px rgba(10,46,29,.15)}
body.nok-web .nok31-search-portal[hidden]{display:none!important}
body.nok-web .nok31-search-portal .nok31-search-row,body.nok-web .nok31-search-portal .nok31-search-all{display:flex;align-items:center;gap:12px;text-decoration:none;padding:12px 15px;border-bottom:1px solid #edf2ee;color:#193d2e}
body.nok-web .nok31-search-portal .nok31-search-row:hover,body.nok-web .nok31-search-portal .nok31-search-all:hover,body.nok-web .nok31-search-portal .nok31-search-active{background:#eff8f2}
body.nok-web .nok31-search-portal .nok31-search-heading{display:flex;align-items:center;gap:10px;background:#f2faf5;padding:12px 15px;font-size:12px;font-weight:800;color:#346a4d}
body.nok-web .nok31-search-portal .nok31-search-close{margin-left:auto;border:0;background:transparent;color:#45715c;cursor:pointer;padding:3px 8px}
body.nok-web .nok31-search-portal .nok31-search-group{font-size:10px;letter-spacing:1px;font-weight:900;color:#54856c;padding:11px 15px 3px}
body.nok-web .nok31-search-portal .nok31-search-visual{width:40px;height:40px;display:grid;place-items:center;background:#e4f4e9;border-radius:10px;overflow:hidden;flex:none}
body.nok-web .nok31-search-portal .nok31-search-visual img{width:100%;height:100%;object-fit:cover}
body.nok-web .nok31-search-portal .nok31-search-row-main{display:flex;flex:1;flex-direction:column;min-width:0;gap:3px}
body.nok-web .nok31-search-portal .nok31-search-row-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
body.nok-web .nok31-search-portal .nok31-search-row-main small{font-size:11px;color:#6f897b}
body.nok-web .nok31-search-portal .nok31-search-price{font-size:13px;white-space:nowrap;color:#126e49}
body.nok-web .nok31-search-portal .nok31-search-empty{padding:18px 15px;font-size:13px;color:#687f72}
body.nok-web .nok31-search-portal .nok31-search-all{justify-content:center;font-weight:850;color:#126e49}