/* Customer-owned order reminders share the existing purchase flow. */
body.feris-design .site-header .header-account .order-nav-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 13px;border:1px solid #dfba2d;border-radius:12px;background:#ffdf45;color:#123d36;font-size:12px;font-weight:750;line-height:1.2;text-decoration:none;white-space:nowrap;box-sizing:border-box}
body.feris-design .order-nav-link .ui-icon{width:19px;height:19px;flex:none}
body.feris-design .order-nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;border-radius:20px;background:#123d36;color:#fff;font-size:10px;font-weight:800;box-sizing:border-box}
body.feris-design .has-urgent-order .order-nav-count{background:#b42332;color:#fff}
body.feris-design .order-attention{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;margin-top:14px;margin-bottom:14px;padding:14px 18px;border:1px solid #cbdde0;border-left:4px solid #2b6470;border-radius:14px;background:#f0f7f7;box-sizing:border-box;color:#163c38;min-width:0}
body.feris-design .order-attention--danger{border-color:#efc5c6;border-left-color:#b42332;background:#fff4f3}
body.feris-design .order-attention--warning{border-color:#e7d39a;border-left-color:#a57500;background:#fffae8}
body.feris-design .order-attention--success{border-color:#bbd9c8;border-left-color:#28734b;background:#f1f8f3}
body.feris-design .order-attention-copy{flex:1;min-width:0}
body.feris-design .order-attention-heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
body.feris-design .order-attention-urgent{display:inline-flex;align-items:center;border-radius:6px;background:#b42332;color:white;padding:4px 7px;font-size:10px;letter-spacing:.04em;line-height:1.3}
body.feris-design .order-attention-copy p{margin:5px 0 0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
body.feris-design .order-attention-actions{display:flex;flex-direction:column;align-items:center;gap:5px;flex:none;min-width:0;max-width:100%}
body.feris-design .order-attention .order-attention-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 15px;background:#123d36;color:white;border:1px solid #123d36;border-radius:10px;font-size:12px;font-weight:750;line-height:1.35;white-space:normal;text-align:center;text-decoration:none;max-width:100%;box-sizing:border-box}
body.feris-design .order-attention--danger .order-attention-button{background:#a6202e;border-color:#a6202e}
body.feris-design .order-attention-all{display:inline-flex;align-items:center;min-height:30px;color:#315f59;font-size:11px;text-underline-offset:3px}
body.feris-design .account-order-attention{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:8px 0;font-size:12px;line-height:1.5;color:#315f59}
body.feris-design .account-order-attention[data-urgent=true]{color:#9c2330}
body.feris-design :is(.order-nav-link,.order-attention a):focus-visible{outline:3px solid #155bd7;outline-offset:3px}
body.feris-design .mobile-orders-link{position:relative}
body.feris-design .mobile-orders-link .order-nav-count{position:absolute;top:0;left:calc(50% + 7px);min-width:17px;height:17px;font-size:9px}
@media(min-width:851px) and (max-width:1100px){body.feris-design .site-header .nav-row{gap:16px}body.feris-design .site-header .nav-links{gap:12px;font-size:11px;letter-spacing:0}body.feris-design .site-header .header-account{gap:10px}body.feris-design .site-header .brand-logo{max-width:100px}}
@media(max-width:850px){body.feris-design .site-header .header-account{max-width:none;gap:8px}body.feris-design .site-header .header-account .cart-link{display:none}body.feris-design .site-header .header-account .order-nav-link{padding:8px 10px}body.feris-design .order-attention{padding:12px 14px;gap:10px}}
@media(max-width:600px){body.feris-design .order-attention{align-items:stretch;flex-direction:column;margin-top:10px;margin-bottom:10px}body.feris-design .order-attention-actions{align-items:stretch}body.feris-design .order-attention-all{justify-content:center}body.feris-design .order-attention .order-attention-button{width:100%}}
@media(max-width:480px){body.feris-design .site-header .header-account>a.header-profile-link:first-child{display:none}body.feris-design .site-header .header-account{max-width:none}}
@media print{body.feris-design .order-attention{display:none}}