
.jpf-wrap{max-width:1000px;margin:45px auto;padding:0 20px;color:#24211f;font-family:Arial,sans-serif}.jpf-how-it-works{max-width:820px;margin:0 auto 32px;padding:24px 28px;border:1px solid #e5ded7;border-radius:14px;background:#faf9f7}.jpf-how-it-works h2{font-size:22px;margin:0 0 10px}.jpf-how-it-works p{color:#706b66;line-height:1.65;margin:8px 0}.jpf-read-more{margin-top:8px;padding:0;border:0;background:transparent;color:#24211f;text-decoration:underline;font-weight:700;cursor:pointer;font-size:14px}.jpf-form{border:1px solid #e5ded7;border-radius:16px;padding:30px;background:#fff}.jpf-form section{padding:25px 0;border-bottom:1px solid #eee7e1}.jpf-form section:last-of-type{border:0}.jpf-form h2{font-size:21px;margin:0 0 20px}.jpf-form label{display:block;font-weight:600;margin-bottom:8px}.jpf-form b{color:#b3261e}.jpf-form h2 span,.jpf-help{color:#777;font-size:13px;font-weight:400}.jpf-section-help{color:#706b66;font-size:14px;line-height:1.6;margin:-8px 0 20px}.jpf-grid{display:grid;gap:18px}.two{grid-template-columns:1fr 1fr}.four{grid-template-columns:repeat(4,1fr)}.jpf-form input[type=text],.jpf-form input[type=email],.jpf-form input[type=number],.jpf-form textarea{box-sizing:border-box;width:100%;padding:13px;border:1px solid #d8d0c9;border-radius:8px;margin-bottom:16px;font:inherit}.jpf-form textarea{min-height:100px;resize:vertical}.jpf-form input[type=color]{width:100%;height:46px;border:1px solid #ddd;border-radius:8px;padding:3px;background:#fff}.jpf-color-choice label{display:flex;align-items:center;gap:7px;cursor:pointer;margin-bottom:9px}.jpf-color-choice input[type=checkbox]{width:16px;height:16px;margin:0}.jpf-color-choice input[type=color]:disabled{opacity:.32;cursor:not-allowed}.jpf-templates{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.jpf-template{position:relative;border:2px solid #e5ddd6;border-radius:12px;overflow:hidden;cursor:pointer}.jpf-template input{position:absolute;opacity:0}.jpf-template img{display:block;width:100%;aspect-ratio:1/1.2;object-fit:cover}.jpf-template span{display:block;padding:10px;text-align:center;color:#333;font-weight:600}.jpf-template:has(input:checked){border-color:#211f1d;box-shadow:0 0 0 2px #211f1d}.jpf-template:has(input:checked):after{content:'✓';position:absolute;top:10px;right:10px;background:#211f1d;color:#fff;width:28px;height:28px;border-radius:50%;text-align:center;line-height:28px}.jpf-font-picker{position:relative;max-width:420px}.jpf-font-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #d8d0c9;border-radius:8px;padding:13px 16px;font-size:17px;color:#24211f;cursor:pointer}.jpf-arrow{font-family:Arial,sans-serif;font-size:20px}.jpf-font-list{display:none;position:absolute;z-index:1000;left:0;right:0;top:calc(100% + 6px);max-height:460px;overflow-y:auto;background:#fff;border:1px solid #ddd7d1;border-radius:8px;box-shadow:0 12px 30px rgba(0,0,0,.12);padding:6px}.jpf-font-picker.open .jpf-font-list{display:block}.jpf-font-option{display:block;width:100%;border:0;background:#fff;text-align:left;padding:10px 14px;font-size:17px;color:#333;cursor:pointer}.jpf-font-option:hover,.jpf-font-option.selected{background:#f2f0ee}.jpf-font-option.selected:before{content:'✓';font-family:Arial,sans-serif;margin-right:10px}.jpf-submit{width:100%;margin-top:28px;padding:16px;background:#211f1d;color:#fff;border:0;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer}.jpf-note{text-align:center;font-size:12px;color:#777;margin-top:14px}.jpf-message{margin:0 0 25px;padding:16px 18px;border-radius:10px;font-weight:600}.jpf-success{background:#eaf7ed;color:#1f6a35;border:1px solid #b9e2c3}.jpf-error{background:#fff0f0;color:#922c2c;border:1px solid #f0c1c1}@media(max-width:700px){.jpf-head h1{font-size:32px}.jpf-form{padding:20px}.two,.four{grid-template-columns:1fr}.jpf-templates{grid-template-columns:repeat(2,1fr);gap:12px}.jpf-font-picker{max-width:100%}}

/* JOURNOVE v1.9 - How It Works redesign */
.jpf-wrap{
    max-width:1000px;
}
.jpf-how-it-works{
    max-width:none;
    width:100%;
    box-sizing:border-box;
    margin:0 0 32px;
    padding:26px 30px;
    background:#fffee7;
    border:1px solid #eeeac5;
    border-radius:16px;
}
.jpf-how-it-works h2{
    font-size:23px;
    margin:0 0 10px;
    color:#24211f;
}
.jpf-how-it-works p{
    color:#5f5a4f;
    line-height:1.7;
}
.jpf-read-more{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:12px;
    padding:8px 13px;
    border:1px solid #d8d2a8;
    border-radius:7px;
    background:transparent;
    color:#24211f;
    text-decoration:none;
    font-weight:700;
    cursor:pointer;
    font-size:14px;
}
.jpf-read-more:hover{
    background:rgba(255,255,255,.45);
}
.jpf-read-arrow{
    display:inline-block;
    font-size:20px;
    line-height:12px;
    transition:transform .2s ease;
}
.jpf-read-more[aria-expanded="true"] .jpf-read-arrow{
    transform:rotate(180deg);
}
@media(max-width:700px){
    .jpf-how-it-works{padding:20px 18px;}
}

/* JOURNOVE v2.0 - Product Page Personalize It Button */
.single-product .jpf-personalize-product-button{
display:inline-flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;
margin-top:12px;padding:14px 20px;border:1px solid #24211f;border-radius:8px;
background:#fffee7;color:#24211f;font-size:16px;font-weight:700;text-decoration:none;
}
.single-product .jpf-personalize-product-button:hover{background:#24211f;color:#fff;}

/* JOURNOVE v2.1 - Design reference note */
.jpf-design-note{
    margin:10px 0 0;
    padding:12px 14px;
    border-left:3px solid #d8d2a8;
    border-radius:6px;
    background:#fffee7;
    color:#5f5a4f;
    font-size:14px;
    line-height:1.6;
}
