
.he-personalization-box{
	border:2px solid #11110f;
	border-radius:20px;
	background:#fff6ef;
	padding:18px;
	margin:18px 0;
	box-shadow:4px 4px 0 #11110f;
}
.he-personalization-box h3{margin:8px 0;font-size:24px}
.he-front-kicker{display:inline-block;border:2px solid #11110f;border-radius:999px;background:#ccc3fc;padding:6px 9px;font-size:10px;font-weight:900;text-transform:uppercase}
.he-personalization-box label{display:block;margin-top:13px}
.he-personalization-box label>span{display:block;font-weight:800;font-size:12px;text-transform:uppercase;margin-bottom:5px}
.he-personalization-box input,.he-personalization-box textarea,.he-personalization-box select{width:100%;border:2px solid #11110f;border-radius:12px;padding:11px;background:#fff}
.he-personalization-box small{display:block;margin-top:5px}
.he-turnaround{font-size:13px}
.he-customer-files,.he-my-files .he-customer-files{
	border:2px solid #11110f;border-radius:20px;background:#fff6ef;padding:18px;margin:18px 0;box-shadow:4px 4px 0 #11110f
}
.he-customer-files .button{background:#ddf83f!important;color:#11110f!important;border:2px solid #11110f!important;border-radius:999px!important;font-weight:800!important}
.he-front-empty{border:2px dashed #11110f;border-radius:18px;padding:22px;text-align:center}

.he-front-product-badge{display:inline-block;border:2px solid #11110f;border-radius:999px;background:#ccc3fc;padding:7px 11px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}


/* V0.5 purchase-form safety rules */
.he-product-summary-card form.cart .he-personalization-box{width:100%!important;max-width:none!important;flex:0 0 100%!important}
.he-product-summary-card form.cart .quantity{height:56px!important;max-height:56px!important}
.he-product-summary-card form.cart .quantity .qty{height:56px!important;max-height:56px!important;min-height:56px!important}

/* Happily Ever customer-facing rebrand */
.he-personalization-box,.he-customer-files,.he-my-files .he-customer-files{border:1px solid #f0dde1!important;border-radius:20px!important;background:linear-gradient(145deg,#fff,#ffe4ec)!important;box-shadow:0 10px 25px rgba(31,34,48,.07)!important;color:#1f2230}
.he-personalization-box h3,.he-customer-files h2,.he-my-files h2{font-family:"Fraunces",Georgia,serif!important;font-weight:600!important;color:#1f2230}
.he-front-kicker,.he-front-product-badge{border:0!important;background:#e9e1ff!important;color:#1f2230!important;border-radius:999px!important}
.he-personalization-box input,.he-personalization-box textarea,.he-personalization-box select{border:1px solid #dfe2e8!important;border-radius:11px!important;box-shadow:none!important}
.he-customer-files .button{background:#ff7a59!important;color:#fff!important;border:0!important;border-radius:10px!important;box-shadow:none!important;text-transform:uppercase!important;font-weight:700!important}
.he-front-empty{border:1px dashed #cfd2db!important;border-radius:18px!important;background:#fff7f2!important}

/* V2.1 customer support inbox */
.he-support-center{--he-navy:#1f2230;--he-coral:#ff7a59;--he-blush:#ffe4ec;--he-lilac:#e9e1ff;--he-mint:#dcf3ea;--he-cream:#fff7f2;color:var(--he-navy)}
.he-support-hero{position:relative;overflow:hidden;padding:34px;border:1px solid #f0dde1;border-radius:26px;background:linear-gradient(125deg,#fff,var(--he-blush),var(--he-lilac));box-shadow:0 14px 35px rgba(31,34,48,.08);margin-bottom:24px}
.he-support-hero:after{content:"✦  ·  ✧  ·  ♥";position:absolute;right:28px;top:22px;color:#ff87a1;font-size:24px;letter-spacing:10px;opacity:.7}
.he-support-hero>span{display:inline-block;padding:7px 12px;border-radius:999px;background:#fff;color:var(--he-navy);font:700 11px/1 Montserrat,Arial,sans-serif;letter-spacing:.11em}
.he-support-hero h2{margin:14px 0 8px!important;font-family:Fraunces,Georgia,serif!important;font-size:42px!important;line-height:1!important;color:var(--he-navy)!important}
.he-support-hero h2 em{font-family:Sacramento,cursive;font-weight:400;color:#ff5f83;font-size:1.1em}
.he-support-hero p{max-width:720px;margin:0;color:#626774;font-size:16px}
.he-support-notice{margin:0 0 20px;padding:14px 18px;border:1px solid #c7e7d8;border-radius:14px;background:var(--he-mint);font-weight:700}
.he-support-layout{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);gap:20px;align-items:start}
.he-support-sidebar,.he-support-conversation{border:1px solid #f0dde1;border-radius:24px;background:#fff;box-shadow:0 14px 34px rgba(31,34,48,.07);overflow:hidden}
.he-support-sidebar{padding:18px}
.he-support-new-toggle{width:100%;border:0;border-radius:999px;background:linear-gradient(90deg,#ff8f9b,var(--he-coral));color:#fff;padding:13px 18px;font-weight:800;cursor:pointer}
.he-support-new[hidden]{display:none!important}
.he-support-new{margin:14px 0;padding:16px;border-radius:18px;background:var(--he-cream);border:1px solid #f0dde1}
.he-support-new h3{margin:0 0 12px!important;font-family:Fraunces,Georgia,serif!important}
.he-support-new label,.he-support-reply label{display:block;margin:12px 0;font-weight:700;font-size:13px}
.he-support-new input,.he-support-new select,.he-support-new textarea,.he-support-reply textarea{width:100%;box-sizing:border-box;margin-top:6px;border:1px solid #dfe2e8;border-radius:12px;background:#fff;padding:11px 12px;color:var(--he-navy)}
.he-support-file small{display:block;color:#777b88;font-weight:400;margin-top:5px}
.he-support-thread-list{display:grid;gap:9px;margin-top:16px}
.he-support-thread-card{position:relative;display:block;padding:14px;border:1px solid #eee2e6;border-radius:16px;background:#fff7f2;color:var(--he-navy)!important;text-decoration:none!important;transition:.18s ease}
.he-support-thread-card:hover,.he-support-thread-card.is-active{transform:translateY(-1px);background:#f1ecff;border-color:#d8cbff}
.he-support-thread-card strong{display:block;margin:8px 0 5px;font-family:Fraunces,Georgia,serif;font-size:18px;line-height:1.15}
.he-support-thread-card small{color:#737787}
.he-support-thread-card>b{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ff6f86;color:#fff;font-size:11px}
.he-support-thread-status{display:inline-block;padding:5px 8px;border-radius:999px;background:var(--he-mint);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.he-support-thread-status.is-closed{background:#eceaf1;color:#737787}
.he-support-empty{color:#727686;text-align:center;padding:18px 6px}
.he-support-conversation{min-height:520px}
.he-support-conversation>header{padding:22px 24px;border-bottom:1px solid #f0dde1;background:linear-gradient(105deg,#fff,var(--he-blush))}
.he-support-conversation>header span{font-size:10px;font-weight:800;letter-spacing:.09em}
.he-support-conversation>header h3{margin:7px 0 4px!important;font-family:Fraunces,Georgia,serif!important;font-size:28px!important}
.he-support-conversation>header a{color:#ff6f61}
.he-support-messages{padding:24px;display:grid;gap:16px;background:linear-gradient(180deg,#fff,#fffaf7)}
.he-support-message{max-width:82%}
.he-support-message.is-customer{margin-left:auto}
.he-support-message-meta{display:flex;justify-content:space-between;gap:12px;margin:0 4px 6px;font-size:11px;color:#757988}
.he-support-bubble{padding:15px 17px;border-radius:18px;background:#e9e1ff;color:var(--he-navy);box-shadow:0 6px 16px rgba(31,34,48,.05)}
.he-support-message.is-customer .he-support-bubble{background:#ffe4ec}
.he-support-bubble p{margin:0 0 8px}.he-support-bubble p:last-child{margin-bottom:0}
.he-support-attachment{display:inline-block;margin-top:10px;padding:8px 11px;border-radius:10px;background:#fff;color:var(--he-coral)!important;text-decoration:none!important;font-weight:700;font-size:12px}
.he-support-reply{padding:20px 24px;border-top:1px solid #f0dde1;background:#fff}
.he-support-reply>div{display:flex;justify-content:space-between;align-items:center;gap:12px}
.he-support-reply .he-support-file{margin:0;padding:10px 12px;border:1px dashed #d8c8cf;border-radius:12px;cursor:pointer}.he-support-reply .he-support-file input{display:block;margin-top:6px}
.he-support-reply .button,.he-support-new .button,.he-order-support-link .button{border:0!important;border-radius:999px!important;background:linear-gradient(90deg,#ff8798,#ff765c)!important;color:#fff!important;padding:12px 19px!important;font-weight:800!important;text-decoration:none!important}
.he-support-solved,.he-support-welcome{padding:48px 24px;text-align:center;color:#686c7a}.he-support-welcome>div{font-size:48px}.he-support-welcome h3{font-family:Fraunces,Georgia,serif!important;font-size:28px!important;margin:8px 0!important}
.he-order-support-link{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:22px 0;padding:18px 20px;border:1px solid #f0dde1;border-radius:18px;background:linear-gradient(100deg,#fff7f2,#ffe4ec)}
@media(max-width:840px){.he-support-layout{grid-template-columns:1fr}.he-support-conversation{min-height:360px}.he-support-message{max-width:92%}.he-order-support-link{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.he-support-hero{padding:26px 20px}.he-support-hero h2{font-size:34px!important}.he-support-sidebar{padding:14px}.he-support-messages{padding:18px 14px}.he-support-conversation>header,.he-support-reply{padding-left:16px;padding-right:16px}.he-support-reply>div{align-items:stretch;flex-direction:column}.he-support-reply .button{width:100%}}

/* V2.3 order-aware Messages */
.he-support-order-chip{display:inline-block;margin:2px 0 4px;padding:5px 9px;border-radius:999px;background:#fff;color:#ff675e;border:1px solid #ffd1d8;font-size:10px;font-weight:800;letter-spacing:.04em}
.he-support-new label>small{display:block;margin-top:6px;color:#747887;font-size:11px;font-weight:500;line-height:1.4}
