.tj-tool{background:#fff;border:1px solid #E2E8F0;border-radius:24px;padding:20px;box-shadow:0 12px 32px rgba(31,41,55,.07)}
.tj-tool h3{margin:0 0 6px;color:#242B78;font-size:20px}.tj-tool p{margin:0 0 14px;color:#64748B}.tj-tool-head{margin-bottom:16px}.tj-tool-head.compact h3{font-size:18px}.tj-tool-head.compact p{font-size:13px;margin:0}.tj-calc-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:start}.tj-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tj-fields.compact-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tj-fields label,.tj-compact-form label{display:block;font-size:13px;font-weight:800;color:#334155}.tj-fields input,.tj-fields select,.tj-compact-form input,.tj-compact-form select,.tj-compact-form textarea{width:100%;margin-top:6px;border:1px solid #CBD5E1;border-radius:12px;padding:9px 10px;font:inherit;background:#fff;color:#1F2937}.tj-fields input:focus,.tj-fields select:focus,.tj-compact-form input:focus,.tj-compact-form textarea:focus,.tj-compact-form select:focus{outline:none;border-color:#373FA2;box-shadow:0 0 0 3px rgba(55,63,162,.13)}.tj-check{display:flex!important;align-items:center;gap:8px;background:#F4F5FF;border:1px solid #DDE1FF;border-radius:14px;padding:10px}.tj-check input{width:auto!important;margin:0!important}.tj-check small{margin-right:auto;color:#8a7a6f;font-size:11px;font-weight:800}.tj-result-box{border-radius:20px;background:linear-gradient(145deg,#373FA2,#242B78);color:#fff;padding:20px;position:sticky;top:196px}.tj-result-box span{display:block;color:#DDE1FF;font-size:13px;margin-bottom:6px}.tj-result-box strong{display:block;font-size:25px;line-height:1.4}.tj-result-box small{display:block;margin-top:10px;color:#E6E8FF}.tj-result-inline{margin-top:12px;background:#F4F5FF;border:1px solid #DDE1FF;border-radius:14px;padding:10px 12px;display:flex;justify-content:space-between;gap:10px}.tj-result-inline strong{color:#242B78}.tj-compact-form{display:grid;gap:13px}.tj-form-row-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tj-compact-form button,.tj-mini-btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:13px;background:#373FA2;color:#fff!important;padding:10px 16px;font-weight:900;font-family:inherit;cursor:pointer}.tj-compact-form button:hover,.tj-mini-btn:hover{background:#242B78}.tj-note{font-size:12px;color:#64748B!important;margin:0!important}.tj-alert{padding:12px 14px;border-radius:14px;margin:0 0 14px;font-size:14px}.tj-alert-success{background:#ECFDF5;border:1px solid #A7F3D0;color:#047857}.tj-alert-error{background:#FEF2F2;border:1px solid #FECACA;color:#B91C1C}.tj-auth-box{margin-bottom:18px}.tj-auth-box .login-username,.tj-auth-box .login-password,.tj-auth-box .login-remember{margin:0 0 12px}.tj-auth-box input[type=text],.tj-auth-box input[type=password]{width:100%;border:1px solid #CBD5E1;border-radius:12px;padding:9px 10px}.tj-auth-box input[type=submit]{border:0;border-radius:13px;background:#373FA2;color:#fff;padding:10px 16px;font-weight:900;cursor:pointer}.tj-order-form-wrap h3{margin-bottom:12px}.tj-admin-wrap table input,.tj-admin-wrap table select{max-width:240px}.tj-admin-wrap small{color:#64748B}
@media(max-width:840px){.tj-calc-grid,.tj-fields,.tj-fields.compact-fields,.tj-form-row-2{grid-template-columns:1fr}.tj-result-box{position:static}.tj-tool{padding:16px}.tj-result-box strong{font-size:22px}}

.tj-print-booklet-fields{display:grid;gap:12px}
.tj-print-mode-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tj-print-file-box{border:1px solid #efe2d9;background:#fffaf7;border-radius:16px;padding:12px;display:grid;gap:10px}
.tj-print-file-box[hidden]{display:none!important}
.tj-print-booklet-calculator input[readonly]{background:#f8fafc;color:#64748b;cursor:not-allowed}
.tj-print-booklet-calculator .tj-fields label{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:8px}
.tj-print-booklet-calculator .tj-fields input,.tj-print-booklet-calculator .tj-fields select{margin-top:0}
.tj-print-breakdown{display:grid;gap:7px;margin:12px 0 0}
.tj-print-breakdown div{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.18);padding-top:7px;font-size:12px}
.tj-print-breakdown b{color:#fff;font-size:12px}
.tj-print-order-cta{margin-top:13px;padding:11px 12px;background:#F4B04E!important;color:#2F1F13!important;box-shadow:0 8px 18px rgba(47,31,19,.18);border:1px solid rgba(255,255,255,.45);font-size:13px;line-height:1.8}
.tj-print-order-cta:hover{background:#F8C36D!important;color:#2F1F13!important}
.tj-print-order-form-wrap .tj-order-draft-grid{grid-template-columns:1fr}
@media(max-width:840px){.tj-print-mode-choice{grid-template-columns:1fr}.tj-print-booklet-calculator .tj-fields label{grid-template-columns:1fr}.tj-print-booklet-calculator .tj-fields input,.tj-print-booklet-calculator .tj-fields select{margin-top:6px}}

/* Book calculator v2 */
.tj-book-calculator{padding:18px}
.tj-book-calc-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}
.tj-book-fields{display:grid;gap:14px}
.tj-calc-section{border:1px solid #efe2d9;background:#fffdfb;border-radius:16px;padding:16px}
.tj-calc-section h4{margin:0 0 12px;font-size:15px;font-weight:800;color:#7b5142}
.tj-field-help{font-size:12px!important;margin:-4px 0 10px!important;color:#8a7a6f!important}
.tj-fields-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.tj-fields-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.tj-fields-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.tj-fields-1{grid-template-columns:1fr!important}
.tj-spacing-top{margin-top:12px}
.tj-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tj-book-main-row{gap:10px}
.tj-binding-field{position:relative}
.tj-staple-hover-note{display:none;position:absolute;z-index:20;right:0;top:calc(100% - 2px);max-width:240px;background:#2f3440;color:#fff;border-radius:10px;padding:7px 9px;font-size:11px;line-height:1.7;box-shadow:0 10px 20px rgba(15,23,42,.18);pointer-events:none}
.tj-binding-field.has-staple-disabled:hover .tj-staple-hover-note,.tj-binding-field.has-staple-disabled:focus-within .tj-staple-hover-note{display:block}
.tj-book-service-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(190px,.72fr) minmax(190px,.72fr);gap:10px;align-items:start}
.tj-compact-service-card{padding:12px}
.tj-compact-service-card h4{font-size:13px;margin-bottom:8px}
.tj-compact-service-card .tj-field-help{font-size:11px!important;margin:-2px 0 8px!important;line-height:1.7!important}
.tj-compact-service-card .tj-check{padding:6px 2px;font-size:12px}
.tj-compact-service-card .tj-fields{gap:8px}
.tj-compact-service-card .tj-fields input,.tj-compact-service-card .tj-fields select{padding:7px 9px}
.tj-bind-services{grid-template-columns:repeat(4,minmax(0,1fr))}
.tj-bind-option{margin:0!important}
.tj-bind-services .tj-bind-option[hidden],.tj-bind-services .tj-check[hidden],[data-bind-service-group][hidden]{display:none!important}
.tj-file-services-grid{grid-template-columns:1fr}
.tj-empty-bind-note{background:#fff7f2;border:1px dashed #efcbbb;color:#8a5f4d;border-radius:12px;padding:10px 12px;font-size:12px;font-weight:700;grid-column:1/-1}
.tj-book-result-panel{position:sticky;top:196px;display:grid;gap:12px}
.tj-book-total-box{position:static!important;padding:15px 17px}
.tj-book-total-box span{font-size:12px;margin-bottom:4px}
.tj-book-total-box strong{font-size:21px}
.tj-breakdown{background:#fff;border:1px solid #efe2d9;border-radius:16px;overflow:hidden;box-shadow:0 8px 20px rgba(77,58,46,.04)}
.tj-breakdown div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-bottom:1px solid #f2e9e2;font-size:12px}
.tj-breakdown div:last-child{border-bottom:0}
.tj-breakdown span{color:#78695f;font-weight:700}
.tj-breakdown b{color:#6f4c3e;font-size:13px;white-space:nowrap}
.tj-breakdown .tj-breakdown-final{background:#fff6ef}
.tj-breakdown .tj-breakdown-final b{color:#a8543c;font-size:15px}
.tj-book-price-note{background:#fff8f4;border:1px solid #f0ddd2;color:#7d5f51;border-radius:14px;padding:11px 12px!important;margin:0!important;font-size:12px!important;line-height:1.9!important}
.tj-book-order-cta{display:flex;align-items:center;justify-content:center;text-align:center;border-radius:14px;background:#373FA2;color:#fff!important;text-decoration:none;font-weight:900;padding:12px 14px;box-shadow:0 10px 20px rgba(55,63,162,.18)}
.tj-book-order-cta:hover{background:#242B78;color:#fff!important}
.tj-standalone-order-page{background:#fbfaf8;min-height:70vh}
.tj-order-page-container{max-width:760px;margin-inline:auto}
.tj-single-calculator-page{max-width:1120px;margin-inline:auto}
.tj-cheap-booklet-calculator .tj-mini-link{margin-top:10px;width:100%}
.tj-order-draft{background:#fff8f4;border:1px solid #f0ddd2;border-radius:16px;padding:13px;display:grid;gap:10px}
.tj-order-draft[hidden]{display:none!important}
.tj-order-draft-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#6f4c3e}
.tj-order-draft-head button{border:0;background:transparent;color:#9f523b;font:inherit;font-size:12px;font-weight:900;cursor:pointer;padding:0}
.tj-order-draft-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:6px}
.tj-order-draft-grid div{display:flex;align-items:center;justify-content:space-between;gap:8px;background:transparent;border:0;border-radius:0;padding:0}
.tj-order-draft-grid span{display:block;color:#8a7a6f;font-size:10px;font-weight:800;margin:0}
.tj-order-draft-grid b{display:block;color:#5f4033;font-size:11px;line-height:1.5;text-align:left}
.tj-order-draft p{margin:0!important;font-size:12px!important;color:#7d5f51!important}
.tj-admin-order-summary{margin:8px 0 0;padding-right:18px;max-width:320px}
.tj-admin-order-summary li{margin-bottom:4px}

@media(max-width:980px){
  .tj-book-calc-layout{grid-template-columns:1fr}
  .tj-book-result-panel{position:static}
  .tj-fields-3,.tj-fields-4,.tj-fields-2,.tj-option-grid,.tj-bind-services,.tj-book-service-grid{grid-template-columns:1fr!important}
  .tj-order-draft-grid{grid-template-columns:1fr}
}

.tj-color-pages-field{visibility:hidden}
.tj-color-pages-field.is-hidden-space{pointer-events:none}

/* Book calculator v16 additions */
.tj-live-mockup{background:#fff;border:1px solid #efe2d9;border-radius:16px;padding:14px;box-shadow:0 8px 20px rgba(77,58,46,.04)}
.tj-live-mockup-head{font-weight:900;color:#6f4c3e;font-size:13px;margin-bottom:12px}
.tj-book-preview-wrap{display:flex;justify-content:center;align-items:flex-end;min-height:185px;padding:16px 4px 20px;background:radial-gradient(circle at 50% 16%,#fff 0,#fff7f1 46%,#f4e4d9 100%);border-radius:14px;border:1px dashed #efd8ca;overflow:hidden}
.tj-book-preview{--tj-book-thickness:18px;position:relative;width:96px;height:138px;display:flex;align-items:stretch;transform:perspective(660px) rotateY(-18deg) rotateX(2deg);transition:.2s ease;filter:drop-shadow(0 22px 18px rgba(77,58,46,.18))}
.tj-book-preview:before{content:"";position:absolute;left:8px;right:calc(-1 * var(--tj-book-thickness));bottom:-18px;height:18px;border-radius:50%;background:rgba(89,65,46,.16);filter:blur(4px)}
.tj-book-preview-back{position:absolute;z-index:0;right:calc(-1 * var(--tj-book-thickness) - 6px);top:6px;width:96px;height:138px;border-radius:5px;background:linear-gradient(145deg,#243a98,#17256d);transform:translateX(10px);opacity:.72}
.tj-book-preview-cover{position:relative;z-index:2;width:96px;height:138px;border-radius:8px 4px 4px 8px;background:linear-gradient(145deg,#3553b8,#22348f);box-shadow:0 16px 26px rgba(35,52,143,.2);padding:15px 10px;color:#fff;text-align:center;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.tj-book-preview-cover:before{content:"";position:absolute;inset:9px;border:1px solid rgba(255,255,255,.18);border-radius:7px}
.tj-book-preview-cover:after{content:"";position:absolute;inset:-30% 58% auto auto;width:42px;height:190px;background:rgba(255,255,255,.14);transform:rotate(24deg)}
.tj-book-preview-cover span,.tj-book-preview-cover strong,.tj-book-preview-cover small{position:relative;z-index:1}
.tj-book-preview-cover span{font-size:12px;font-weight:800;color:#e9efff}.tj-book-preview-cover strong{font-size:16px}.tj-book-preview-cover small{font-size:10px;color:#dbe3ff}
.tj-book-preview-pages{position:absolute;right:calc(-1 * var(--tj-book-thickness));top:8px;width:var(--tj-book-thickness);height:123px;border-radius:0 7px 7px 0;background:repeating-linear-gradient(90deg,#fdf7f0 0,#fdf7f0 3px,#efe1d5 4px,#efe1d5 5px);box-shadow:inset -3px 0 5px rgba(87,69,54,.08)}
.tj-mock-size-rahli{width:112px;height:150px}.tj-mock-size-rahli .tj-book-preview-cover,.tj-mock-size-rahli .tj-book-preview-back{width:112px;height:150px}.tj-mock-size-rahli .tj-book-preview-pages{height:135px}
.tj-mock-size-jibi{width:78px;height:122px}.tj-mock-size-jibi .tj-book-preview-cover,.tj-mock-size-jibi .tj-book-preview-back{width:78px;height:122px}.tj-mock-size-jibi .tj-book-preview-pages{height:108px}.tj-mock-size-jibi .tj-book-preview-cover strong{font-size:13px}
.tj-mock-size-paltoei{width:78px;height:145px}.tj-mock-size-paltoei .tj-book-preview-cover,.tj-mock-size-paltoei .tj-book-preview-back{width:78px;height:145px}.tj-mock-size-paltoei .tj-book-preview-pages{height:130px}.tj-mock-size-paltoei .tj-book-preview-cover strong{font-size:13px}
.tj-mock-size-kheshti{width:118px;height:118px}.tj-mock-size-kheshti .tj-book-preview-cover,.tj-mock-size-kheshti .tj-book-preview-back{width:118px;height:118px}.tj-mock-size-kheshti .tj-book-preview-pages{height:104px}
.tj-mock-binding-hard_laminate .tj-book-preview-cover,.tj-mock-binding-hard_laminate .tj-book-preview-back,.tj-mock-binding-galingor_gold .tj-book-preview-cover,.tj-mock-binding-galingor_gold .tj-book-preview-back{background:linear-gradient(145deg,#7b4c39,#b46d4f)}
.tj-mock-binding-spiral .tj-book-preview-cover:after{content:"";position:absolute;right:-6px;top:14px;width:8px;height:110px;background:repeating-linear-gradient(180deg,#d7b78a 0,#d7b78a 5px,transparent 6px,transparent 14px);border-radius:99px;z-index:3}
.tj-mock-binding-staple .tj-book-preview-cover:after{content:"";position:absolute;right:3px;top:34px;width:4px;height:50px;background:linear-gradient(#d8d8d8,#b6b6b6);border-radius:8px;z-index:3}
.tj-mock-printed-cover .tj-book-preview-cover,.tj-mock-printed-cover .tj-book-preview-back{background:linear-gradient(145deg,#0f766e,#22a699)}
.tj-mock-printed-cover-double .tj-book-preview-back{background:linear-gradient(145deg,#0b5f59,#168a80);opacity:.95}
.tj-mock-glossy .tj-book-preview-cover{box-shadow:0 16px 26px rgba(35,52,143,.18),inset 18px 0 38px rgba(255,255,255,.16)}
.tj-mockup-meta{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin-top:12px}.tj-mockup-meta span{background:#fff8f4;border:1px solid #f0ddd2;color:#7d5f51;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}
.tj-mockup-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:5px;margin-top:10px}.tj-mockup-specs div{display:flex;align-items:center;justify-content:space-between;gap:8px;background:transparent;border:0;border-radius:0;padding:2px 0}.tj-mockup-specs span{display:block;color:#8a7a6f;font-size:10px;font-weight:800;margin:0}.tj-mockup-specs b{color:#6f4c3e;font-size:11px;text-align:left}
.tj-mockup-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.tj-mockup-badges span{background:#f4f5ff;border:1px solid #dde1ff;color:#373fa2;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900}
@media(max-width:980px){.tj-live-mockup{max-width:420px;margin-inline:auto}}

/* Book calculator v17 refinements */
.tj-bind-services{grid-template-columns:repeat(2,minmax(0,1fr))}
.tj-bind-services .tj-check{background:transparent;border:0;border-radius:0;padding:7px 2px;box-shadow:none}
.tj-bind-services .tj-check input{accent-color:#373FA2}
.tj-book-preview-wrap{min-height:210px;padding:24px 10px 26px;background:linear-gradient(135deg,#f4f1eb 0,#f4f1eb 43%,#1c9aa0 43%,#1c9aa0 100%);border:0;position:relative}
.tj-book-preview-wrap:before{content:"";position:absolute;left:-28px;top:-42px;width:190px;height:150px;border-radius:0 0 96px 0;background:rgba(255,255,255,.62)}
.tj-book-preview{width:148px;height:108px;transform:perspective(820px) rotateX(58deg) rotateZ(-24deg) translateY(6px);filter:drop-shadow(20px 28px 18px rgba(36,43,54,.22))}
.tj-book-preview:before{left:10px;right:-24px;bottom:-22px;height:20px;background:rgba(22,43,48,.18);filter:blur(6px)}
.tj-book-preview-back{right:-14px;top:12px;width:148px;height:108px;background:#f7f2eb;border:1px solid #e5d8cb;border-radius:8px;opacity:.9;box-shadow:inset 0 -8px 0 rgba(31,41,55,.05)}
.tj-book-preview-cover{width:148px;height:108px;background:#fff;color:#334155;border:1px solid #e8e1d8;border-radius:8px 5px 5px 8px;padding:18px 16px 12px;box-shadow:inset 0 -8px 0 rgba(31,41,55,.04),0 2px 0 rgba(255,255,255,.75);align-items:flex-start;text-align:right}
.tj-book-preview-cover:before{inset:auto 0 0 0;height:12px;border:0;border-radius:0;background:repeating-linear-gradient(0deg,#eef0f2 0,#eef0f2 1px,#fff 2px,#fff 4px)}
.tj-book-preview-cover:after{inset:0 auto 0 0;width:14px;height:auto;background:linear-gradient(90deg,rgba(15,23,42,.12),rgba(255,255,255,0));transform:none}
.tj-book-preview-cover img{position:relative;z-index:2;width:58px;height:58px;object-fit:contain;border-radius:6px;mix-blend-mode:multiply}
.tj-book-preview-cover span{margin-top:auto;font-size:9px;color:#64748b}.tj-book-preview-cover small{font-size:8px;color:#64748b}
.tj-book-preview-pages{right:-18px;top:13px;width:22px;height:91px;border-radius:0 6px 6px 0;background:repeating-linear-gradient(180deg,#fff 0,#fff 3px,#d9e0e6 4px,#d9e0e6 5px);box-shadow:inset -4px 0 7px rgba(87,69,54,.1)}
.tj-book-preview-service-mark{position:absolute;z-index:5;pointer-events:none}
.tj-mock-size-rahli,.tj-mock-size-jibi,.tj-mock-size-paltoei,.tj-mock-size-kheshti{width:148px;height:108px}
.tj-mock-size-rahli .tj-book-preview-cover,.tj-mock-size-rahli .tj-book-preview-back,.tj-mock-size-jibi .tj-book-preview-cover,.tj-mock-size-jibi .tj-book-preview-back,.tj-mock-size-paltoei .tj-book-preview-cover,.tj-mock-size-paltoei .tj-book-preview-back,.tj-mock-size-kheshti .tj-book-preview-cover,.tj-mock-size-kheshti .tj-book-preview-back{width:148px;height:108px}
.tj-mock-size-rahli .tj-book-preview-pages,.tj-mock-size-jibi .tj-book-preview-pages,.tj-mock-size-paltoei .tj-book-preview-pages,.tj-mock-size-kheshti .tj-book-preview-pages{height:91px}
.tj-mock-size-rahli{transform:perspective(820px) rotateX(58deg) rotateZ(-24deg) translateY(6px) scale(1.1)}
.tj-mock-size-jibi{transform:perspective(820px) rotateX(58deg) rotateZ(-24deg) translateY(6px) scale(.82)}
.tj-mock-size-paltoei{transform:perspective(820px) rotateX(58deg) rotateZ(-24deg) translateY(6px) scale(.9,1.08)}
.tj-mock-size-kheshti{transform:perspective(820px) rotateX(58deg) rotateZ(-24deg) translateY(6px) scale(1,.84)}
.tj-mock-binding-hard_laminate .tj-book-preview-cover,.tj-mock-binding-galingor_gold .tj-book-preview-cover{border-width:3px;background:#fbfaf7}
.tj-mock-binding-hard_laminate .tj-book-preview-cover:after,.tj-mock-binding-galingor_gold .tj-book-preview-cover:after{width:18px;background:linear-gradient(90deg,#b46d4f,#e4b49c)}
.tj-mock-binding-spiral .tj-book-preview-cover:after{right:auto;left:-9px;top:8px;width:10px;height:92px;background:repeating-linear-gradient(180deg,#5b6571 0,#5b6571 5px,transparent 6px,transparent 13px);border-radius:99px}
.tj-mock-binding-staple .tj-book-preview-service-mark{left:8px;top:31px;width:5px;height:45px;background:linear-gradient(#e5e7eb,#9ca3af);border-radius:9px;box-shadow:0 22px 0 #bfc5cc}
.tj-mock-printed-cover .tj-book-preview-cover{background:linear-gradient(135deg,#fff 0,#fff 56%,#e6f7f5 56%,#e6f7f5 100%)}
.tj-mock-printed-cover .tj-book-preview-cover:before{background:repeating-linear-gradient(135deg,#178f95 0,#178f95 7px,transparent 8px,transparent 16px)}
.tj-mock-printed-cover-double .tj-book-preview-back{background:#dff5f3}
.tj-mock-double-cover .tj-book-preview-back{right:-24px;top:20px}
.tj-mock-doorgerd .tj-book-preview-cover,.tj-mock-doorgerd .tj-book-preview-back{border-radius:18px 10px 10px 18px}
.tj-mock-labe-bargardan .tj-book-preview-cover{background:linear-gradient(135deg,#f0fdfa 0,#f0fdfa 14px,#fff 15px,#fff 100%)}
.tj-mock-emboss .tj-book-preview-cover img{filter:drop-shadow(1px 1px 0 rgba(255,255,255,.8)) drop-shadow(-1px -1px 0 rgba(15,23,42,.16))}
.tj-mock-thick-talq .tj-book-preview-cover{box-shadow:inset 0 -8px 0 rgba(31,41,55,.04),inset 0 0 0 999px rgba(255,255,255,.24),0 2px 0 rgba(255,255,255,.75)}
.tj-book-preview.tj-mock-cover-service{filter:drop-shadow(20px 28px 18px rgba(36,43,54,.22)) drop-shadow(0 0 8px rgba(255,255,255,.9))}
.tj-mock-biyazi .tj-book-preview-cover{transform:translateY(-3px)}
.tj-mock-tah-gerd .tj-book-preview-pages{border-radius:0 18px 18px 0}
.tj-mock-tah-saf .tj-book-preview-pages{border-radius:0 2px 2px 0}
.tj-mock-staple-regular .tj-book-preview-service-mark{left:8px;top:31px;width:5px;height:45px;background:linear-gradient(#e5e7eb,#9ca3af);border-radius:9px;box-shadow:0 22px 0 #bfc5cc}
.tj-mock-staple-loop .tj-book-preview-service-mark{left:5px;top:28px;width:10px;height:16px;border:3px solid #aeb6c0;border-right:0;border-radius:10px 0 0 10px;box-shadow:0 24px 0 -1px transparent,0 24px 0 #aeb6c0}
.tj-mock-glossy .tj-book-preview-cover{box-shadow:inset 0 -8px 0 rgba(31,41,55,.04),inset 34px 0 42px rgba(255,255,255,.35),0 2px 0 rgba(255,255,255,.75)}

@media(max-width:980px){
  .tj-bind-services{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Book calculator v18 realistic mockup */
.tj-book-preview-wrap{
  min-height:238px;
  padding:24px 8px 28px;
  background:
    radial-gradient(circle at 22% 8%,rgba(255,255,255,.82) 0 28%,transparent 29%),
    linear-gradient(135deg,#f4f0e9 0,#f4f0e9 45%,#1f9aa0 45%,#1f9aa0 100%);
  border:0;
  border-radius:16px;
}
.tj-book-preview{
  --tj-book-thickness:18px;
  width:218px;
  height:142px;
  position:relative;
  transform:rotate(-13deg) skewX(-6deg);
  transform-origin:center;
  filter:drop-shadow(26px 30px 18px rgba(24,39,43,.28));
}
.tj-book-preview:before{
  content:"";
  position:absolute;
  left:20px;
  right:-30px;
  bottom:-30px;
  height:24px;
  border-radius:999px;
  background:rgba(23,35,39,.22);
  filter:blur(7px);
}
.tj-book-preview-back{
  position:absolute;
  z-index:1;
  inset:12px calc(-1 * var(--tj-book-thickness)) calc(-1 * var(--tj-book-thickness)) 12px;
  width:auto;
  height:auto;
  border-radius:10px 7px 7px 10px;
  background:#eef2f4;
  border:1px solid #d8e0e5;
  opacity:1;
  transform:none;
  box-shadow:inset 0 -5px 0 rgba(148,163,184,.22);
}
.tj-book-preview-pages-bottom{
  position:absolute;
  z-index:2;
  left:18px;
  right:5px;
  bottom:calc(-1 * var(--tj-book-thickness));
  height:var(--tj-book-thickness);
  border-radius:0 0 8px 8px;
  transform:skewX(42deg);
  transform-origin:top left;
  background:repeating-linear-gradient(0deg,#ffffff 0,#ffffff 3px,#dce3e8 4px,#dce3e8 5px);
  border:1px solid #d8e0e5;
  border-top:0;
}
.tj-book-preview-pages-side{
  position:absolute;
  z-index:2;
  top:12px;
  right:calc(-1 * var(--tj-book-thickness));
  width:var(--tj-book-thickness);
  height:130px;
  border-radius:0 8px 8px 0;
  transform:skewY(36deg);
  transform-origin:top left;
  background:repeating-linear-gradient(90deg,#ffffff 0,#ffffff 3px,#dce3e8 4px,#dce3e8 5px);
  border:1px solid #d8e0e5;
  border-left:0;
}
.tj-book-preview-cover{
  position:absolute;
  z-index:4;
  inset:0;
  width:auto;
  height:auto;
  border-radius:10px 6px 6px 10px;
  background:
    linear-gradient(135deg,rgba(31,154,160,.08) 0 16px,transparent 17px),
    #fff;
  color:#475569;
  border:1px solid #e2e8f0;
  padding:18px 20px 14px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:space-between;
  text-align:right;
  box-shadow:inset 0 -8px 0 rgba(15,23,42,.045),inset 16px 0 20px rgba(15,23,42,.035);
  overflow:hidden;
}
.tj-book-preview-cover:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:20px;
  height:auto;
  border:0;
  border-radius:0;
  background:linear-gradient(90deg,rgba(15,23,42,.1),rgba(15,23,42,0));
}
.tj-book-preview-cover:after{
  content:"";
  position:absolute;
  right:18px;
  top:18px;
  width:92px;
  height:58px;
  border-radius:18px;
  background:
    radial-gradient(circle at 14px 12px,#1f9aa0 0 4px,transparent 5px),
    radial-gradient(circle at 36px 20px,#1f9aa0 0 4px,transparent 5px),
    radial-gradient(circle at 58px 30px,#1f9aa0 0 4px,transparent 5px),
    radial-gradient(circle at 25px 38px,#166f9a 0 3px,transparent 4px),
    radial-gradient(circle at 48px 48px,#166f9a 0 3px,transparent 4px);
  opacity:.52;
  transform:none;
}
.tj-book-preview-cover img{
  position:relative;
  z-index:3;
  width:62px;
  height:62px;
  object-fit:contain;
  border-radius:50%;
  align-self:center;
  margin-top:8px;
  mix-blend-mode:multiply;
}
.tj-book-preview-cover span,.tj-book-preview-cover small{
  position:relative;
  z-index:3;
  color:#64748b;
  font-weight:900;
}
.tj-book-preview-cover span{font-size:11px}
.tj-book-preview-cover small{font-size:9px}
.tj-book-preview-spine{
  position:absolute;
  z-index:5;
  left:0;
  top:0;
  width:20px;
  height:142px;
  border-radius:10px 0 0 10px;
  background:linear-gradient(90deg,rgba(15,23,42,.13),rgba(15,23,42,.02));
  pointer-events:none;
}
.tj-book-preview-binding,.tj-book-preview-service-mark{
  position:absolute;
  z-index:7;
  pointer-events:none;
}
.tj-mock-size-rahli,.tj-mock-size-jibi,.tj-mock-size-paltoei,.tj-mock-size-kheshti{
  width:218px;
  height:142px;
}
.tj-mock-size-rahli{transform:rotate(-13deg) skewX(-6deg) scale(1.08)}
.tj-mock-size-jibi{transform:rotate(-13deg) skewX(-6deg) scale(.78)}
.tj-mock-size-paltoei{transform:rotate(-13deg) skewX(-6deg) scale(.82,1.08)}
.tj-mock-size-kheshti{transform:rotate(-13deg) skewX(-6deg) scale(.92,.82)}
.tj-mock-binding-hard_laminate .tj-book-preview-cover,.tj-mock-binding-galingor_gold .tj-book-preview-cover{
  border:3px solid #b46d4f;
  background:#fffdf8;
}
.tj-mock-binding-hard_laminate .tj-book-preview-spine,.tj-mock-binding-galingor_gold .tj-book-preview-spine{
  width:24px;
  background:linear-gradient(90deg,#b46d4f,#e6b79d);
}
.tj-mock-binding-spiral .tj-book-preview-binding{
  left:-10px;
  top:14px;
  width:16px;
  height:112px;
  background:repeating-linear-gradient(180deg,#4b5563 0,#4b5563 5px,transparent 6px,transparent 13px);
  border-radius:99px;
  filter:drop-shadow(1px 1px 0 rgba(255,255,255,.7));
}
.tj-mock-binding-staple .tj-book-preview-service-mark,.tj-mock-staple-regular .tj-book-preview-service-mark{
  left:8px;
  top:42px;
  width:5px;
  height:18px;
  border-radius:8px;
  background:linear-gradient(#f1f5f9,#94a3b8);
  box-shadow:0 34px 0 #b7c0ca;
}
.tj-mock-staple-loop .tj-book-preview-service-mark{
  left:5px;
  top:38px;
  width:13px;
  height:18px;
  border:3px solid #94a3b8;
  border-right:0;
  border-radius:12px 0 0 12px;
  box-shadow:0 34px 0 -1px #94a3b8;
  background:transparent;
}
.tj-mock-doorgerd .tj-book-preview-cover,.tj-mock-doorgerd .tj-book-preview-back{
  border-radius:22px 12px 12px 22px;
}
.tj-mock-labe-bargardan .tj-book-preview-cover{
  background:
    linear-gradient(135deg,#d9fbf6 0,#d9fbf6 22px,#fff 23px,#fff 100%);
}
.tj-mock-emboss .tj-book-preview-cover img{
  filter:drop-shadow(1px 1px 0 rgba(255,255,255,.9)) drop-shadow(-1px -1px 0 rgba(15,23,42,.22));
}
.tj-mock-double-cover .tj-book-preview-back{inset:20px calc(-1 * var(--tj-book-thickness) - 12px) calc(-1 * var(--tj-book-thickness) - 7px) 22px}
.tj-mock-printed-cover .tj-book-preview-cover{
  background:
    linear-gradient(135deg,#fff 0,#fff 55%,#dff5f3 55%,#dff5f3 100%);
}
.tj-mock-printed-cover .tj-book-preview-cover:after{opacity:.75}
.tj-mock-printed-cover-double .tj-book-preview-back{background:#dff5f3}
.tj-mock-thick-talq .tj-book-preview-cover{
  box-shadow:inset 0 -8px 0 rgba(15,23,42,.045),inset 0 0 0 999px rgba(255,255,255,.24),0 0 0 3px rgba(255,255,255,.5);
}
.tj-mock-biyazi .tj-book-preview-cover{transform:translateY(-4px)}
.tj-mock-tah-gerd .tj-book-preview-pages-side{border-radius:0 22px 22px 0}
.tj-mock-tah-saf .tj-book-preview-pages-side{border-radius:0 2px 2px 0}
.tj-mock-glossy .tj-book-preview-cover{
  box-shadow:inset 0 -8px 0 rgba(15,23,42,.045),inset 42px 0 42px rgba(255,255,255,.38);
}

/* Book calculator v19 SVG mockup - closer to print mockup templates */
.tj-book-preview-wrap{
  min-height:255px;
  padding:18px 6px 22px;
  background:#fbfcfd;
  border:0;
  border-radius:16px;
  overflow:hidden;
}
.tj-book-preview-wrap:before{display:none}
.tj-book-preview{
  width:100%;
  max-width:315px;
  height:auto;
  margin:0 auto;
  position:relative;
  transform:none!important;
  filter:none!important;
  display:block;
}
.tj-book-preview:before{display:none}
.tj-mock-svg{
  display:block;
  width:100%;
  height:auto;
  overflow:visible;
}
.mock-floor-shadow{fill:#263238;opacity:.12;filter:blur(5px)}
.mock-book{transform-origin:center;transition:.18s ease}
.mock-cover{fill:url(#tjMockCover);stroke:#e1e6e9;stroke-width:1.2}
.mock-back-cover{fill:#edf1f3;stroke:#dbe2e6;stroke-width:1}
.mock-pages-bottom{fill:url(#tjMockPages);stroke:#d5dde2;stroke-width:1}
.mock-pages-side{fill:url(#tjMockSpine);stroke:#d5dde2;stroke-width:1}
.mock-spine-groove{fill:none;stroke:#d8dee2;stroke-width:8;stroke-linecap:round;opacity:.8}
.mock-spine-highlight{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;opacity:.9}
.mock-logo{opacity:.98;filter:drop-shadow(0 2px 1px rgba(15,23,42,.06))}
.mock-size-label,.mock-binding-label{font-family:Arial,Tahoma,sans-serif;fill:#7a8790;font-weight:700;font-size:10px}
.mock-binding-label{font-size:9px;fill:#8a969f}
.mock-print-art{opacity:.08;fill:#1f9aa0;transition:.18s ease}
.mock-fold-corner,.mock-talq,.mock-spiral,.mock-staples,.mock-loop-staples,.mock-doorgerd,.mock-emboss,.mock-double-cover-layer{opacity:0;transition:.18s ease}
.mock-double-cover-layer{fill:#e7edf1;stroke:#d2dce2;stroke-width:1}
.mock-fold-corner{fill:#dff7f3;stroke:#9cd6d0;stroke-width:1}
.mock-talq{fill:rgba(255,255,255,.34);stroke:rgba(255,255,255,.82);stroke-width:2}
.mock-spiral path{fill:none;stroke:#2f3a44;stroke-width:3;stroke-linecap:round}
.mock-spiral circle{fill:#2f3a44;stroke:#ffffff;stroke-width:1}
.mock-staples rect{fill:#aab4bd;stroke:#fff;stroke-width:1}
.mock-loop-staples path{fill:none;stroke:#8f9aa5;stroke-width:4;stroke-linecap:round}
.mock-doorgerd{fill:none;stroke:#1f9aa0;stroke-width:3;stroke-linecap:round}
.mock-emboss{font-family:Arial,Tahoma,sans-serif;font-weight:900;font-size:13px;fill:#ffffff;stroke:#cbd5dc;stroke-width:.8;filter:drop-shadow(-1px -1px 0 rgba(15,23,42,.15))}
.tj-mock-size-rahli .mock-book{transform:scale(1.08) translate(-8px,-5px)}
.tj-mock-size-jibi .mock-book{transform:scale(.82) translate(33px,25px)}
.tj-mock-size-paltoei .mock-book{transform:scale(.88,1.06) translate(20px,-3px)}
.tj-mock-size-kheshti .mock-book{transform:scale(.95,.82) translate(8px,30px)}
.tj-mock-binding-hard_laminate .mock-cover,.tj-mock-binding-galingor_gold .mock-cover{stroke:#c08463;stroke-width:4;fill:#fffdf9}
.tj-mock-binding-hard_laminate .mock-pages-side,.tj-mock-binding-galingor_gold .mock-pages-side{fill:#e9b99f}
.tj-mock-binding-spiral .mock-spiral{opacity:1}
.tj-mock-binding-staple .mock-staples,.tj-mock-staple-regular .mock-staples{opacity:1}
.tj-mock-staple-loop .mock-loop-staples{opacity:1}
.tj-mock-printed-cover .mock-print-art{opacity:.8}
.tj-mock-printed-cover .mock-cover{fill:#fbffff}
.tj-mock-printed-cover-double .mock-double-cover-layer,.tj-mock-double-cover .mock-double-cover-layer{opacity:1}
.tj-mock-doorgerd .mock-doorgerd{opacity:1}
.tj-mock-doorgerd .mock-cover{stroke-linejoin:round}
.tj-mock-labe-bargardan .mock-fold-corner{opacity:1}
.tj-mock-emboss .mock-emboss{opacity:1}
.tj-mock-thick-talq .mock-talq{opacity:1}
.tj-mock-biyazi .mock-cover{transform:translate(-4px,-5px)}
.tj-mock-tah-gerd .mock-spine-groove{stroke-width:11}
.tj-mock-tah-saf .mock-spine-groove{stroke-width:4}
.tj-mock-glossy .mock-cover{filter:drop-shadow(-16px -10px 18px rgba(255,255,255,.75))}

@media(max-width:980px){
  .tj-book-preview{max-width:300px}
}

/* Book calculator v20 photo-based mockup */
.tj-book-preview-wrap{
  min-height:255px;
  padding:0;
  background:#f8fafc;
  border-radius:16px;
  overflow:hidden;
}
.tj-book-preview{
  width:100%;
  max-width:none;
  height:255px;
  margin:0;
  position:relative;
  transform:none!important;
  filter:none!important;
}
.tj-book-preview:before,.tj-book-preview-back,.tj-book-preview-pages-bottom,.tj-book-preview-pages-side,.tj-book-preview-spine,.tj-book-preview-cover,.tj-book-preview-binding,.tj-book-preview-service-mark,.tj-mock-svg{
  display:none!important;
}
.tj-book-mockup-photo{
  display:block;
  position:absolute;
  inset:-18px -62px -18px -58px;
  width:calc(100% + 120px);
  height:calc(100% + 36px);
  object-fit:cover;
  object-position:50% 48%;
}
.tj-book-mockup-logo{
  position:absolute;
  z-index:4;
  width:58px;
  height:58px;
  object-fit:contain;
  right:112px;
  top:96px;
  border-radius:50%;
  transform:rotate(-8deg) skewX(-3deg);
  filter:drop-shadow(0 4px 5px rgba(15,23,42,.12));
  mix-blend-mode:multiply;
}
.tj-book-mockup-size,.tj-book-mockup-binding{
  position:absolute;
  z-index:5;
  right:101px;
  top:157px;
  width:90px;
  color:#64748b;
  font-size:10px;
  font-weight:900;
  text-align:center;
  transform:rotate(-8deg) skewX(-3deg);
}
.tj-book-mockup-binding{top:173px;font-size:9px;color:#87919b}
.tj-book-mockup-spiral,.tj-book-mockup-staple,.tj-book-mockup-loop,.tj-book-mockup-fold,.tj-book-mockup-corner,.tj-book-mockup-gloss{
  position:absolute;
  z-index:6;
  pointer-events:none;
  opacity:0;
}
.tj-mock-binding-spiral .tj-book-mockup-spiral{
  opacity:1;
  left:63px;
  top:45px;
  width:16px;
  height:143px;
  border-radius:999px;
  background:
    radial-gradient(circle at 8px 8px,#26323b 0 3px,transparent 4px),
    radial-gradient(circle at 8px 24px,#26323b 0 3px,transparent 4px),
    radial-gradient(circle at 8px 40px,#26323b 0 3px,transparent 4px),
    radial-gradient(circle at 8px 56px,#26323b 0 3px,transparent 4px),
    radial-gradient(circle at 8px 72px,#26323b 0 3px,transparent 4px),
    radial-gradient(circle at 8px 88px,#26323b 0 3px,transparent 4px),
    radial-gradient(circle at 8px 104px,#26323b 0 3px,transparent 4px),
    radial-gradient(circle at 8px 120px,#26323b 0 3px,transparent 4px),
    radial-gradient(circle at 8px 136px,#26323b 0 3px,transparent 4px);
  transform:rotate(-13deg);
  filter:drop-shadow(1px 1px 0 rgba(255,255,255,.8));
}
.tj-mock-binding-staple .tj-book-mockup-staple,.tj-mock-staple-regular .tj-book-mockup-staple{
  opacity:1;
  left:79px;
  top:82px;
  width:5px;
  height:24px;
  border-radius:8px;
  background:linear-gradient(#e5e7eb,#8d99a6);
  box-shadow:15px 67px 0 #aeb7c1;
  transform:rotate(-13deg);
}
.tj-mock-staple-loop .tj-book-mockup-loop{
  opacity:1;
  left:70px;
  top:80px;
  width:16px;
  height:22px;
  border:3px solid #8d99a6;
  border-right:0;
  border-radius:14px 0 0 14px;
  box-shadow:14px 68px 0 -1px #8d99a6;
  transform:rotate(-13deg);
}
.tj-mock-labe-bargardan .tj-book-mockup-fold{
  opacity:1;
  right:190px;
  top:75px;
  width:46px;
  height:46px;
  background:linear-gradient(135deg,rgba(31,154,160,.18) 0 49%,rgba(255,255,255,.65) 50% 100%);
  clip-path:polygon(0 0,100% 0,0 100%);
  transform:rotate(-8deg) skewX(-3deg);
}
.tj-mock-doorgerd .tj-book-mockup-corner{
  opacity:1;
  right:66px;
  top:64px;
  width:172px;
  height:132px;
  border-radius:22px 12px 22px 12px;
  border:2px solid rgba(31,154,160,.45);
  border-left-color:transparent;
  border-bottom-color:transparent;
  transform:rotate(-8deg) skewX(-3deg);
}
.tj-mock-thick-talq .tj-book-mockup-gloss,.tj-mock-glossy .tj-book-mockup-gloss{
  opacity:1;
  right:78px;
  top:52px;
  width:170px;
  height:145px;
  border-radius:10px;
  background:linear-gradient(120deg,rgba(255,255,255,0) 0 28%,rgba(255,255,255,.55) 38%,rgba(255,255,255,0) 50%);
  transform:rotate(-8deg) skewX(-3deg);
}
.tj-mock-printed-cover .tj-book-mockup-size:before{
  content:"";
  position:absolute;
  right:-28px;
  top:-78px;
  width:82px;
  height:46px;
  background:
    radial-gradient(circle at 10px 10px,#1f9aa0 0 4px,transparent 5px),
    radial-gradient(circle at 30px 20px,#1f9aa0 0 4px,transparent 5px),
    radial-gradient(circle at 54px 32px,#1f9aa0 0 4px,transparent 5px);
  opacity:.5;
}
.tj-mock-emboss .tj-book-mockup-logo{
  filter:drop-shadow(1px 1px 0 rgba(255,255,255,.9)) drop-shadow(-1px -1px 0 rgba(15,23,42,.2));
}
.tj-mock-size-rahli .tj-book-mockup-photo{transform:scale(1.04)}
.tj-mock-size-jibi .tj-book-mockup-photo{transform:scale(.88)}
.tj-mock-size-paltoei .tj-book-mockup-photo{transform:scale(.9,1.04)}
.tj-mock-size-kheshti .tj-book-mockup-photo{transform:scale(.92,.86)}

/* Order page v24 */
.tj-order-page-container{max-width:1180px}
.tj-tracking-page-container{max-width:760px;margin-inline:auto}
.tj-order-page-grid{display:grid;grid-template-columns:1fr;gap:22px;align-items:start}
.tj-order-page-calculator .tj-book-calc-layout{grid-template-columns:minmax(0,1fr) 310px}
.tj-order-page-calculator .tj-book-result-panel{position:sticky;top:196px}
.tj-order-page-calculator .tj-book-order-cta{display:none}
.tj-order-page-form{position:static;scroll-margin-top:206px}
.tj-order-form-wrap form[data-tj-order-form],.tj-order-form-wrap form[data-tj-print-order-form]{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}
.tj-order-form-wrap form[data-tj-order-form].has-order-draft,.tj-order-form-wrap form[data-tj-print-order-form].has-order-draft{grid-template-columns:minmax(0,1fr) 330px}
.tj-order-form-main{display:grid;gap:13px;grid-column:1;grid-row:1}
.tj-order-form-wrap .tj-order-draft{grid-column:2;grid-row:1;position:sticky;top:196px;align-self:start}
.tj-order-form-wrap .tj-order-draft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.tj-print-order-form-wrap .tj-order-draft-grid{grid-template-columns:1fr}
.tj-order-contact-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.tj-order-contact-fields{display:grid;gap:8px}
.tj-order-contact-fields label{display:grid!important;grid-template-columns:118px minmax(0,1fr);gap:8px;align-items:center}
.tj-order-contact-fields label span{white-space:nowrap}
.tj-order-contact-fields input{padding:7px 9px!important;margin-top:0!important}
.tj-order-description-field textarea{height:132px;min-height:132px}
.tj-file-row-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tj-print-order-form-wrap .tj-file-row-3{grid-template-columns:1fr}
.tj-dynamic-files{border:1px solid #e8ddd4;background:#fffaf7;border-radius:14px;padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:end}
.tj-dynamic-files strong{grid-column:1/-1;color:#6f4c3e;font-size:13px}
.tj-dynamic-files p{grid-column:1/-1;margin:0!important;font-size:12px!important;color:#78695f!important}
.tj-dynamic-files label{margin:0!important}
.tj-required{color:#dc2626;font-weight:900}
.tj-upload-checks{display:grid;gap:10px}
.tj-file-inspector,.tj-file-mismatch,.tj-cover-preview{border-radius:14px;padding:12px;border:1px solid #e8ddd4;background:#fffaf7;color:#5f4033}
.tj-file-inspector strong,.tj-file-mismatch strong,.tj-cover-preview strong{display:block;margin-bottom:7px;font-size:13px;color:#6f4c3e}
.tj-file-inspector div,.tj-cover-preview small{font-size:12px;color:#78695f;line-height:1.8}
.tj-file-mismatch{background:#fff1f2;border-color:#fb7185;color:#7f1d1d;box-shadow:0 0 0 3px rgba(251,113,133,.14)}
.tj-file-mismatch strong{color:#9f1239!important}
.tj-mismatch-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.tj-file-mismatch label{display:flex;align-items:center;gap:8px;margin-top:0;font-size:12px!important;color:#7f1d1d;background:#fff;border:1px solid #fecdd3;border-radius:12px;padding:9px}
.tj-file-mismatch input{width:auto!important;margin:0!important}
.tj-cover-preview-stage{--tj-cover-cut-x:3%;--tj-cover-cut-y:4%;--tj-cover-spine-w:4%;--tj-cover-ratio:1.4;position:relative;overflow:hidden;border-radius:12px;background:#f1f5f9;border:1px solid #dbe2e8;aspect-ratio:var(--tj-cover-ratio);min-height:0;width:75%;margin-inline:auto}
.tj-cover-preview-stage img{display:block;width:100%;height:100%;object-fit:contain;background:#eef2f5}
.tj-cover-cut{position:absolute;inset:var(--tj-cover-cut-y) var(--tj-cover-cut-x);border:2px solid rgba(220,38,38,.8);box-shadow:0 0 0 999px rgba(255,255,255,.18);pointer-events:none}
.tj-cover-cut:before{content:"کادر برش ۸ میلی‌متر";position:absolute;right:8px;top:7px;background:rgba(220,38,38,.9);color:#fff;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:900}
.tj-cover-spine{position:absolute;top:var(--tj-cover-cut-y);bottom:var(--tj-cover-cut-y);left:calc(50% - (var(--tj-cover-spine-w) / 2));width:var(--tj-cover-spine-w);border-inline:2px dashed rgba(55,63,162,.9);background:rgba(55,63,162,.12);pointer-events:none}
.tj-cover-spine:before{content:attr(data-spine-label);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-90deg);white-space:nowrap;color:#242B78;font-size:10px;font-weight:900}
.tj-color-pdf-pages-row[hidden],.tj-file-inspector[hidden],.tj-file-mismatch[hidden],.tj-cover-preview[hidden]{display:none!important}
.tj-track-result{margin-top:16px;border-top:1px solid #efe2d9;padding-top:14px}
.tj-track-result h4{margin:0 0 10px;color:#6f4c3e}
.tj-track-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}
.tj-track-grid div{background:#fffaf7;border:1px solid #f0ddd2;border-radius:12px;padding:10px}
.tj-track-grid span{display:block;color:#8a7a6f;font-size:11px;font-weight:800;margin-bottom:4px}
.tj-track-grid b{color:#5f4033;font-size:13px}
.tj-track-summary{margin:0 0 14px;padding-right:20px;color:#5f4033;line-height:1.9}
.tj-approve-form{background:#fff8f4;border:1px solid #f0ddd2;border-radius:14px;padding:12px}
.tj-account-orders{margin:14px 0;border-top:1px solid #e8ddd4;padding-top:12px}
.tj-account-orders h4{margin:0 0 10px;color:#6f4c3e}
.tj-account-orders table{width:100%;border-collapse:collapse;font-size:12px}
.tj-account-orders th,.tj-account-orders td{border-bottom:1px solid #eee2d8;padding:8px;text-align:right}
.tj-account-orders th{color:#6f4c3e;background:#fffaf7}
[data-tj-discount-row][hidden]{display:none!important}
.tj-account-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.tj-account-summary>div{background:#fffaf7;border:1px solid #eee2d8;border-radius:12px;padding:12px}.tj-account-summary span,.tj-account-summary small{display:block;color:#7b6d64;font-size:11px}.tj-account-summary strong{display:block;color:#164e53;font-size:17px;margin:4px 0}.tj-account-summary .is-debit{color:#b42318}.tj-account-summary .is-credit{color:#087a55}.tj-account-ledger{margin:18px 0;border-top:1px solid #e8ddd4;padding-top:12px;overflow-x:auto}.tj-account-ledger h4{margin:0 0 10px;color:#6f4c3e}.tj-account-ledger table{width:100%;border-collapse:collapse;font-size:12px;min-width:560px}.tj-account-ledger th,.tj-account-ledger td{border-bottom:1px solid #eee2d8;padding:8px;text-align:right}.tj-account-ledger th{background:#fffaf7;color:#6f4c3e}
.tj-member-dashboard{padding:20px}.tj-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.tj-dashboard-head h3,.tj-dashboard-head p{margin:0}.tj-account-payments,.tj-card-payment-box{margin:18px 0;border-top:1px solid #e8ddd4;padding-top:14px;overflow-x:auto}.tj-account-payments h4,.tj-card-payment-box h4{margin:0 0 10px;color:#6f4c3e}.tj-account-payments table{width:100%;min-width:680px;border-collapse:collapse;font-size:12px}.tj-account-payments th,.tj-account-payments td{padding:8px;text-align:right;border-bottom:1px solid #eee2d8}.tj-account-payments th{background:#fffaf7;color:#6f4c3e}.tj-card-payment-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:visible}.tj-card-payment-form label{display:grid;gap:5px;color:#4f4038;font-size:13px;font-weight:800}.tj-card-payment-form input,.tj-card-payment-form select,.tj-card-payment-form textarea{width:100%;border:1px solid #d9cbc1;border-radius:8px;padding:9px;background:#fff;font:inherit}.tj-card-payment-form button{align-self:end}.tj-account-login-grid{align-items:start}.tj-inline-shipping-form{display:flex;gap:5px;margin-top:7px;min-width:220px}.tj-inline-shipping-form select{min-width:130px;padding:6px;border:1px solid #d9cbc1;border-radius:6px}.tj-inline-shipping-form button{padding:6px 10px;border:0;border-radius:6px;background:#087563;color:#fff;font:inherit;cursor:pointer}
@media(max-width:1100px){
  .tj-order-page-grid{grid-template-columns:1fr}
  .tj-order-page-calculator .tj-book-calc-layout{grid-template-columns:1fr}
  .tj-order-page-calculator .tj-book-result-panel,.tj-order-form-wrap .tj-order-draft{position:static}
  .tj-order-form-wrap form[data-tj-order-form]{grid-template-columns:1fr}
  .tj-order-form-main,.tj-order-form-wrap .tj-order-draft{grid-column:1;grid-row:auto}
  .tj-order-contact-layout,.tj-file-row-3{grid-template-columns:1fr}
  .tj-cover-preview-stage{width:100%}
}
@media(max-width:700px){
  .tj-track-grid{grid-template-columns:1fr}
  .tj-account-orders{overflow-x:auto}
  .tj-account-summary{grid-template-columns:1fr}
  .tj-card-payment-form{grid-template-columns:1fr}.tj-member-dashboard{padding:14px}.tj-dashboard-head{align-items:flex-start}
}

/* Toranjestan homepage palette */
.tj-tool{border-color:#e3d9c7;box-shadow:0 10px 28px rgba(14,76,75,.07)}.tj-tool h3,.tj-tool h4,.tj-account-orders h4,.tj-account-ledger h4,.tj-account-payments h4,.tj-card-payment-box h4{color:#134e54}.tj-result-box,.tj-book-total-box{background:#08756b;color:#fff}.tj-result-box span{color:#dff5ef}.tj-result-box small{color:#eaf7f3}.tj-compact-form button,.tj-mini-btn,.tj-auth-box input[type=submit],.tj-book-order-cta{background:#00756a!important;color:#fff!important;box-shadow:none}.tj-compact-form button:hover,.tj-mini-btn:hover,.tj-auth-box input[type=submit]:hover,.tj-book-order-cta:hover{background:#00534d!important}.tj-fields input:focus,.tj-fields select:focus,.tj-compact-form input:focus,.tj-compact-form textarea:focus,.tj-compact-form select:focus{border-color:#00756a;box-shadow:0 0 0 3px rgba(0,117,106,.1)}.tj-check,.tj-file-inspector,.tj-cover-preview,.tj-account-summary>div{background:#f1f8f5;border-color:#cfe4dc}.tj-breakdown-final{color:#0a5957}.tj-order-fulfillment{display:grid;grid-template-columns:auto repeat(2,minmax(0,1fr));gap:12px;align-items:end;padding:12px;border:1px solid #d9e5df;border-radius:10px;background:#f4faf7}.tj-order-fulfillment>strong{align-self:center;color:#134e54}.tj-order-fulfillment label{display:grid;gap:5px;font-size:12px;font-weight:800;color:#36504d}.tj-order-fulfillment select{width:100%;margin:0;border:1px solid #cfded7;border-radius:8px;padding:9px;background:#fff;font:inherit;color:#273c3a}.tj-package-estimate{grid-column:1/-1;padding:10px 12px;border:1px dashed #abd2ca;border-radius:8px;background:#fff;color:#315754;font-size:12px;line-height:1.9}.tj-package-estimate.is-error{border-color:#e8b4aa;background:#fff5f2;color:#9b4234}
@media(max-width:700px){.tj-order-fulfillment{grid-template-columns:1fr}.tj-order-fulfillment>strong{grid-column:1}}

/* Toranjestan v1.9 quick fixes */
.tj-order-success-card{padding:16px 18px;border-radius:12px}.tj-order-success-card strong{font-size:17px;color:#075c52}.tj-cover-preview-stage{max-width:560px}.tj-cover-preview-stage img{object-fit:contain!important}

/* Toranjestan order receipt v2.0 */
.tj-order-receipt{max-width:1100px;margin:32px auto;padding:0 16px;color:#17312f}.tj-order-receipt-hero{display:flex;justify-content:space-between;gap:22px;align-items:stretch;background:linear-gradient(135deg,#fff7ef,#eefbf8);border:1px solid #d8ede7;border-radius:26px;padding:26px;box-shadow:0 18px 45px rgba(15,79,76,.08);margin-bottom:22px}.tj-order-receipt-kicker{display:inline-flex;background:#e4faf4;color:#0f766e;border-radius:999px;padding:6px 14px;font-weight:800;font-size:13px;margin-bottom:10px}.tj-order-receipt-hero h1{margin:0 0 8px;font-size:30px;color:#0f4f4c}.tj-order-receipt-hero p{margin:0;color:#5a6b68}.tj-order-receipt-code{min-width:180px;background:#fff;border:1px solid #d8ede7;border-radius:20px;padding:18px;text-align:center;display:flex;flex-direction:column;justify-content:center}.tj-order-receipt-code span{font-size:13px;color:#64748b}.tj-order-receipt-code strong{font-size:32px;color:#ef7d2d;direction:ltr}.tj-order-receipt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tj-order-receipt-card{background:#fff;border:1px solid #e4ecea;border-radius:22px;padding:20px;margin-bottom:18px;box-shadow:0 12px 28px rgba(15,79,76,.05)}.tj-order-receipt-wide{grid-column:1/-1}.tj-order-receipt-card h2{font-size:18px;margin:0 0 14px;color:#0f4f4c}.tj-order-receipt-card table{width:100%;border-collapse:collapse}.tj-order-receipt-card th,.tj-order-receipt-card td{border-bottom:1px solid #eef3f2;padding:10px 8px;text-align:right;vertical-align:top}.tj-order-receipt-card tr:last-child th,.tj-order-receipt-card tr:last-child td{border-bottom:0}.tj-order-receipt-card th{width:34%;color:#60716e;font-weight:700}.tj-order-receipt-card td{color:#172b29;font-weight:600}.tj-order-receipt-note{margin:14px 0 0;color:#6b7280;font-size:13px;background:#f8fafc;border-radius:12px;padding:10px 12px}.tj-order-receipt-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.tj-mini-btn-primary{background:#0f766e!important;color:#fff!important;border-color:#0f766e!important}@media(max-width:760px){.tj-order-receipt-hero{flex-direction:column;padding:20px;border-radius:20px}.tj-order-receipt-hero h1{font-size:24px}.tj-order-receipt-grid{grid-template-columns:1fr}.tj-order-receipt-card{padding:16px;border-radius:18px}.tj-order-receipt-card th{width:42%;font-size:13px}.tj-order-receipt-card td{font-size:13px}.tj-order-receipt-code strong{font-size:26px}}

/* Toranjestan v3.0 - Order Receipt */
.tj-receipt-v3{direction:rtl;max-width:1180px;margin:28px auto 48px;padding:0 14px;color:#17312d;font-family:inherit}.tj-receipt-v3 *{box-sizing:border-box}.tj-r-hero,.tj-r-card,.tj-r-actions a,.tj-r-actions button{background:rgba(255,255,255,.96);border:1px solid rgba(13,112,92,.12);box-shadow:0 10px 28px rgba(18,55,47,.07);border-radius:18px}.tj-r-hero{display:grid;grid-template-columns:150px 1fr 390px;gap:26px;align-items:center;padding:30px;margin-bottom:18px;background:linear-gradient(135deg,#fff 0%,#fbf8ef 100%)}.tj-r-check{width:106px;height:106px;border:7px solid rgba(19,126,91,.45);border-radius:999px;display:flex;align-items:center;justify-content:center;color:#0b7b54;font-size:58px;font-weight:800;margin:auto}.tj-r-hero-copy h1{margin:0 0 12px;color:#07543e;font-size:28px;line-height:1.7}.tj-r-hero-copy p{margin:0;color:#334a45;line-height:2;font-size:15px}.tj-r-hero-meta{display:grid;grid-template-columns:1fr;gap:12px;border-right:1px solid rgba(13,112,92,.18);padding-right:24px}.tj-r-hero-meta div{display:grid;gap:4px}.tj-r-hero-meta span{font-size:13px;color:#64756f}.tj-r-hero-meta strong{font-size:34px;color:#087044;line-height:1.2}.tj-r-hero-meta b{font-size:15px;color:#193b35}.tj-r-hero-meta small{color:#6c7f78;font-size:12px}.tj-r-grid{display:grid;gap:16px;margin-bottom:16px}.tj-r-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tj-r-main-grid{grid-template-columns:2fr 1fr}.tj-r-card{padding:22px;min-height:160px}.tj-r-card h2{display:flex;align-items:center;gap:8px;margin:0 0 18px;color:#086047;font-size:17px}.tj-r-card h2:before{content:"";width:22px;height:22px;border:2px solid rgba(8,96,71,.42);border-radius:7px;display:inline-block;opacity:.75}.tj-r-card dl{display:grid;grid-template-columns:auto 1fr;gap:12px 18px;margin:0}.tj-r-card dt{color:#5d6f69;font-weight:600}.tj-r-card dd{margin:0;color:#111;font-weight:700}.tj-r-badge{display:inline-flex;align-items:center;justify-content:center;background:#fff2d7;color:#9a5d00;border-radius:999px;padding:7px 16px;font-weight:700;margin-bottom:14px}.tj-r-badge-green{background:#eaf7ee;color:#087044;margin:0}.tj-r-muted{color:#7b8a85}.tj-r-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px}.tj-r-spec{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #edf1ef}.tj-r-spec b{font-size:13px;color:#243b36}.tj-r-spec strong{font-size:13px;color:#111;text-align:left}.tj-r-ico{width:26px;height:26px;border:2px solid rgba(8,96,71,.28);border-radius:8px;background:#f7faf8;opacity:.85}.tj-r-check-list{list-style:none;margin:0;padding:0;display:grid;gap:16px}.tj-r-check-list li{display:flex;align-items:center;gap:10px;font-weight:700}.tj-r-check-list li:before{content:"✓";width:22px;height:22px;border-radius:999px;border:2px solid rgba(8,112,68,.55);color:#087044;display:flex;align-items:center;justify-content:center;font-size:13px}.tj-r-box-visual{width:88px;height:72px;margin:0 0 18px auto;background:linear-gradient(135deg,#f3dfb8,#c89153);border-radius:12px;opacity:.72;position:relative}.tj-r-box-visual:before,.tj-r-box-visual:after{content:"";position:absolute;background:rgba(255,255,255,.65)}.tj-r-box-visual:before{width:100%;height:12px;top:22px;right:0}.tj-r-box-visual:after{width:12px;height:100%;top:0;right:38px}.tj-r-price dl{border-bottom:1px dashed #d7dedb;padding-bottom:14px;margin-bottom:14px}.tj-r-price dd{font-weight:800}.tj-r-final{display:flex;align-items:end;justify-content:space-between;gap:16px}.tj-r-final span{font-weight:800;color:#1f3934}.tj-r-final strong{font-size:25px;color:#087044}.tj-r-timeline{min-height:auto}.tj-r-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;align-items:start;position:relative}.tj-r-step{text-align:center;color:#7a8884;position:relative;padding-top:6px}.tj-r-step:before{content:"";position:absolute;top:21px;right:-50%;width:100%;height:2px;background:#dfe7e4;z-index:0}.tj-r-step:first-child:before{display:none}.tj-r-step span{position:relative;z-index:1;width:32px;height:32px;border-radius:999px;border:2px solid #cfd9d5;background:#fff;display:block;margin:0 auto 8px}.tj-r-step.is-active span{background:#087044;border-color:#087044;box-shadow:0 0 0 6px rgba(8,112,68,.12)}.tj-r-step.is-active span:after{content:"✓";color:#fff;font-weight:800;line-height:28px}.tj-r-step b{display:block;color:#2e443f;font-size:13px}.tj-r-step small{display:block;font-size:12px;margin-top:4px}.tj-r-actions{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:16px;margin:16px 0}.tj-r-actions a,.tj-r-actions button{text-decoration:none;text-align:center;padding:15px 18px;color:#253d38;font-weight:800;border:1px solid rgba(13,112,92,.14);font-family:inherit;cursor:pointer}.tj-r-actions .tj-r-primary,.tj-r-actions button.tj-r-primary{background:linear-gradient(135deg,#07805f,#066349);color:#fff;border-color:#066349}.tj-r-actions button[disabled]{opacity:.75;cursor:not-allowed}.tj-r-footnote{background:#eef8f2;color:#087044;border-radius:12px;text-align:center;padding:12px;margin:0;font-weight:700}@media(max-width:900px){.tj-r-hero{grid-template-columns:1fr;text-align:center}.tj-r-hero-meta{border-right:0;border-top:1px solid rgba(13,112,92,.16);padding:18px 0 0}.tj-r-grid-3,.tj-r-main-grid{grid-template-columns:1fr}.tj-r-specs{grid-template-columns:1fr}.tj-r-actions{grid-template-columns:1fr}.tj-r-steps{grid-template-columns:1fr;gap:14px}.tj-r-step{text-align:right;display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center}.tj-r-step span{margin:0}.tj-r-step:before{display:none}.tj-r-step small{grid-column:2}.tj-r-hero-copy h1{font-size:22px}}

/* Toranjestan v3.1 - polished order receipt */
.tj-receipt-v3{
  max-width:1240px!important;
  margin:22px auto 42px!important;
  padding:0 18px!important;
  color:#17312d!important;
  font-size:14px!important;
}
.tj-receipt-v3 .tj-r-hero,
.tj-receipt-v3 .tj-r-card,
.tj-receipt-v3 .tj-r-actions a,
.tj-receipt-v3 .tj-r-actions button{
  border:1px solid rgba(15,100,82,.10)!important;
  border-radius:16px!important;
  box-shadow:0 8px 24px rgba(17,56,48,.045)!important;
  background:rgba(255,255,255,.985)!important;
}
.tj-receipt-v3 .tj-r-hero{
  grid-template-columns:130px minmax(320px,1.25fr) minmax(470px,.95fr)!important;
  gap:24px!important;
  padding:26px 28px!important;
  margin-bottom:16px!important;
  background:linear-gradient(135deg,#fff 0%,#fbfbf6 55%,#f7fbf7 100%)!important;
}
.tj-receipt-v3 .tj-r-check{
  width:96px!important;
  height:96px!important;
  border-width:6px!important;
  border-color:rgba(15,119,82,.42)!important;
  color:#087044!important;
  font-size:52px!important;
  background:rgba(243,251,246,.75)!important;
}
.tj-receipt-v3 .tj-r-hero-copy h1{
  font-size:24px!important;
  margin:0 0 10px!important;
  line-height:1.65!important;
  color:#07543e!important;
  font-weight:800!important;
}
.tj-receipt-v3 .tj-r-hero-copy p{
  font-size:13.5px!important;
  line-height:2!important;
  color:#334a45!important;
  max-width:620px!important;
}
.tj-receipt-v3 .tj-r-hero-meta{
  grid-template-columns:1.05fr 1fr 1.25fr!important;
  gap:0!important;
  border-right:1px solid rgba(13,112,92,.14)!important;
  padding-right:18px!important;
  align-items:center!important;
}
.tj-receipt-v3 .tj-r-hero-meta div{
  min-height:92px!important;
  justify-content:center!important;
  padding:0 18px!important;
  border-right:1px solid rgba(13,112,92,.10)!important;
  text-align:center!important;
}
.tj-receipt-v3 .tj-r-hero-meta div:first-child{border-right:0!important;}
.tj-receipt-v3 .tj-r-hero-meta span{
  font-size:12px!important;
  color:#72817d!important;
  font-weight:600!important;
}
.tj-receipt-v3 .tj-r-hero-meta strong{
  font-size:32px!important;
  color:#087044!important;
  letter-spacing:-.5px!important;
}
.tj-receipt-v3 .tj-r-hero-meta b{
  font-size:14px!important;
  color:#153b34!important;
  line-height:1.9!important;
}
.tj-receipt-v3 .tj-r-hero-meta small{font-size:11.5px!important;color:#71837d!important;}
.tj-receipt-v3 .tj-r-grid{gap:14px!important;margin-bottom:14px!important;}
.tj-receipt-v3 .tj-r-card{padding:20px 22px!important;min-height:142px!important;}
.tj-receipt-v3 .tj-r-card h2{
  justify-content:flex-start!important;
  gap:8px!important;
  margin:0 0 16px!important;
  color:#075e45!important;
  font-size:16px!important;
  line-height:1.6!important;
  font-weight:800!important;
}
.tj-receipt-v3 .tj-r-card h2:before{
  width:22px!important;
  height:22px!important;
  border:0!important;
  border-radius:7px!important;
  opacity:.58!important;
  background-color:transparent!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:21px 21px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23657a73' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='16' rx='2'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5'/%3E%3C/svg%3E")!important;
}
.tj-receipt-v3 .tj-r-card dl{gap:10px 16px!important;align-items:center!important;}
.tj-receipt-v3 .tj-r-card dt{
  font-size:13px!important;
  color:#667772!important;
  font-weight:600!important;
}
.tj-receipt-v3 .tj-r-card dd{
  font-size:14px!important;
  color:#101f1c!important;
  font-weight:700!important;
  line-height:1.8!important;
}
.tj-receipt-v3 .tj-r-card p{font-size:13.5px!important;line-height:2.05!important;color:#263d38!important;}
.tj-receipt-v3 .tj-r-badge{
  font-size:13px!important;
  padding:6px 14px!important;
  background:#fff2d8!important;
  color:#9a5d00!important;
}
.tj-receipt-v3 .tj-r-badge-green{background:#eaf7ee!important;color:#087044!important;}
.tj-receipt-v3 .tj-r-main-grid{grid-template-columns:2.15fr 1fr!important;}
.tj-receipt-v3 .tj-r-specs{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0 28px!important;
}
.tj-receipt-v3 .tj-r-spec{
  grid-template-columns:30px minmax(120px,1fr) minmax(80px,auto)!important;
  gap:10px!important;
  padding:10px 0!important;
  min-height:48px!important;
  border-bottom:1px solid #edf2ef!important;
}
.tj-receipt-v3 .tj-r-spec b{
  font-size:12.6px!important;
  color:#314742!important;
  font-weight:700!important;
  line-height:1.7!important;
}
.tj-receipt-v3 .tj-r-spec strong{
  font-size:12.8px!important;
  color:#101f1c!important;
  font-weight:800!important;
  line-height:1.7!important;
}
.tj-receipt-v3 .tj-r-ico{
  position:relative!important;
  width:24px!important;
  height:24px!important;
  border:0!important;
  border-radius:7px!important;
  background:#f4f7f5!important;
  opacity:1!important;
}
.tj-receipt-v3 .tj-r-ico:before{
  content:""!important;
  position:absolute!important;
  inset:4px!important;
  opacity:.66!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:16px 16px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%236f847d' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h8l3 3v11H5z'/%3E%3Cpath d='M13 3v4h4M8 10h6M8 13h5'/%3E%3C/svg%3E")!important;
}
.tj-receipt-v3 .tj-r-check-list{gap:12px!important;}
.tj-receipt-v3 .tj-r-check-list li{font-size:14px!important;color:#182d28!important;}
.tj-receipt-v3 .tj-r-check-list li:before{
  width:20px!important;height:20px!important;font-size:12px!important;border-color:rgba(8,112,68,.42)!important;color:#087044!important;background:#f9fcfa!important;
}
.tj-receipt-v3 .tj-r-box-visual{
  width:78px!important;height:66px!important;margin:0 0 16px auto!important;opacity:.58!important;border-radius:10px!important;
  filter:saturate(.75)!important;
}
.tj-receipt-v3 .tj-r-price dl{padding-bottom:12px!important;margin-bottom:14px!important;}
.tj-receipt-v3 .tj-r-final{
  padding-top:5px!important;
  align-items:center!important;
}
.tj-receipt-v3 .tj-r-final span{font-size:14px!important;color:#263d38!important;}
.tj-receipt-v3 .tj-r-final strong{
  font-size:28px!important;
  color:#087044!important;
  font-weight:900!important;
  letter-spacing:-.5px!important;
}
.tj-receipt-v3 .tj-r-timeline{padding:18px 20px!important;}
.tj-receipt-v3 .tj-r-steps{gap:6px!important;}
.tj-receipt-v3 .tj-r-step span{width:30px!important;height:30px!important;background:#fff!important;}
.tj-receipt-v3 .tj-r-step b{font-size:12.8px!important;color:#314742!important;}
.tj-receipt-v3 .tj-r-step small{font-size:11.3px!important;color:#7a8884!important;line-height:1.7!important;}
.tj-receipt-v3 .tj-r-actions{gap:14px!important;margin:14px 0!important;}
.tj-receipt-v3 .tj-r-actions a,
.tj-receipt-v3 .tj-r-actions button{
  padding:13px 16px!important;
  font-size:14px!important;
  border-radius:12px!important;
  box-shadow:0 5px 14px rgba(17,56,48,.035)!important;
}
.tj-receipt-v3 .tj-r-footnote{font-size:13px!important;padding:10px!important;background:#eef8f2!important;}
@media(max-width:1100px){
  .tj-receipt-v3 .tj-r-hero{grid-template-columns:110px 1fr!important;}
  .tj-receipt-v3 .tj-r-hero-meta{grid-column:1/-1;grid-template-columns:repeat(3,1fr)!important;border-right:0!important;border-top:1px solid rgba(13,112,92,.12)!important;padding:16px 0 0!important;}
}
@media(max-width:900px){
  .tj-receipt-v3{padding:0 12px!important;font-size:13.5px!important;}
  .tj-receipt-v3 .tj-r-hero{grid-template-columns:1fr!important;text-align:center!important;padding:22px 18px!important;}
  .tj-receipt-v3 .tj-r-check{width:82px!important;height:82px!important;font-size:44px!important;}
  .tj-receipt-v3 .tj-r-hero-copy h1{font-size:20px!important;}
  .tj-receipt-v3 .tj-r-hero-copy p{font-size:13px!important;margin:auto!important;}
  .tj-receipt-v3 .tj-r-hero-meta{grid-template-columns:1fr!important;gap:10px!important;}
  .tj-receipt-v3 .tj-r-hero-meta div{border-right:0!important;border-top:1px solid rgba(13,112,92,.08)!important;min-height:auto!important;padding:10px 0!important;}
  .tj-receipt-v3 .tj-r-grid-3,.tj-receipt-v3 .tj-r-main-grid{grid-template-columns:1fr!important;}
  .tj-receipt-v3 .tj-r-card{padding:18px 16px!important;min-height:auto!important;}
  .tj-receipt-v3 .tj-r-card h2{font-size:15px!important;}
  .tj-receipt-v3 .tj-r-specs{grid-template-columns:1fr!important;}
  .tj-receipt-v3 .tj-r-spec{grid-template-columns:28px 1fr auto!important;}
  .tj-receipt-v3 .tj-r-final strong{font-size:22px!important;}
}


/* Toranjestan v3.4 compact receipt layout */
.tj-receipt-v34{max-width:1120px!important;margin:18px auto 32px!important;padding:0 12px!important;font-size:13px!important;line-height:1.38!important;color:#15332d!important}
.tj-receipt-v34 .tj-r-hero{grid-template-columns:92px 1fr 420px!important;gap:18px!important;padding:18px 22px!important;margin-bottom:12px!important;border-radius:16px!important}
.tj-receipt-v34 .tj-r-check{width:78px!important;height:78px!important;font-size:44px!important;border-width:5px!important}
.tj-receipt-v34 .tj-r-hero-copy h1{font-size:22px!important;line-height:1.45!important;margin-bottom:6px!important}
.tj-receipt-v34 .tj-r-hero-copy p{font-size:13px!important;line-height:1.75!important;max-width:560px!important}
.tj-receipt-v34 .tj-r-hero-meta{grid-template-columns:1fr 1fr 1.15fr!important;gap:0!important;border-right:1px solid rgba(13,112,92,.14)!important;padding-right:16px!important}
.tj-receipt-v34 .tj-r-hero-meta div{padding:0 14px!important;border-right:1px solid rgba(13,112,92,.10)!important;min-height:72px!important;align-content:center!important}
.tj-receipt-v34 .tj-r-hero-meta div:first-child{border-right:0!important}
.tj-receipt-v34 .tj-r-hero-meta span{font-size:12px!important;color:#65766f!important;display:flex!important;align-items:center!important;gap:5px!important}
.tj-receipt-v34 .tj-r-hero-meta strong{font-size:28px!important;line-height:1!important}
.tj-receipt-v34 .tj-r-hero-meta b{font-size:13px!important;line-height:1.65!important}
.tj-receipt-v34 .tj-r-hero-meta small{font-size:11px!important}
.tj-receipt-v34 .tj-r-grid{gap:10px!important;margin-bottom:10px!important}
.tj-receipt-v34 .tj-r-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.tj-receipt-v34 .tj-r-card{padding:14px 16px!important;min-height:auto!important;border-radius:14px!important;box-shadow:0 6px 18px rgba(18,55,47,.045)!important;border-color:rgba(13,112,92,.12)!important}
.tj-receipt-v34 .tj-r-card h2{font-size:15px!important;margin:0 0 11px!important;gap:6px!important;line-height:1.35!important}
.tj-receipt-v34 .tj-r-card h2:before{display:none!important}
.tj-receipt-v34 .tj-r-card dl{gap:7px 12px!important;grid-template-columns:auto 1fr!important}
.tj-receipt-v34 .tj-r-card dt{font-size:12px!important;color:#687771!important;font-weight:600!important}
.tj-receipt-v34 .tj-r-card dd{font-size:13px!important;font-weight:750!important;color:#101c19!important}
.tj-receipt-v34 .tj-r-card p{font-size:12.5px!important;line-height:1.7!important;margin:6px 0 0!important}
.tj-receipt-v34 .tj-r-layout-compact{grid-template-columns:minmax(0,2fr) minmax(300px,.85fr)!important;align-items:start!important}
.tj-receipt-v34 .tj-r-side-column{display:grid!important;gap:10px!important}
.tj-receipt-v34 .tj-r-specs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 20px!important}
.tj-receipt-v34 .tj-r-spec{grid-template-columns:20px 1fr auto!important;gap:8px!important;padding:8px 0!important;border-bottom:1px solid #edf2ef!important;min-height:34px!important}
.tj-receipt-v34 .tj-r-spec b{font-size:12px!important;color:#5e6f69!important;font-weight:650!important}
.tj-receipt-v34 .tj-r-spec strong{font-size:13px!important;color:#111!important;font-weight:800!important;text-align:left!important}
.tj-receipt-v34 .tj-r-icon{width:16px!important;height:16px!important;color:#8fa19a!important;opacity:.72!important;display:inline-block!important;vertical-align:-3px!important;flex:0 0 16px!important}
.tj-receipt-v34 .tj-r-subsection{margin-top:10px!important;padding-top:10px!important;border-top:1px dashed #dce5e1!important}
.tj-receipt-v34 .tj-r-subsection h3{margin:0 0 8px!important;font-size:13px!important;color:#086047!important;display:flex!important;align-items:center!important;gap:6px!important}
.tj-receipt-v34 .tj-r-check-list.compact{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:0!important;padding:0!important}
.tj-receipt-v34 .tj-r-check-list.compact li{font-size:12.5px!important;background:#f7fbf8!important;border:1px solid #dcebe4!important;border-radius:999px!important;padding:5px 9px!important;gap:5px!important}
.tj-receipt-v34 .tj-r-check-list.compact li:before{width:15px!important;height:15px!important;border-width:1.5px!important;font-size:10px!important}
.tj-receipt-v34 .tj-r-ship-inline dl{grid-template-columns:auto 1fr!important;gap:6px 12px!important;margin:0!important}
.tj-receipt-v34 .tj-r-badge{font-size:12px!important;padding:5px 12px!important;margin-bottom:8px!important}
.tj-receipt-v34 .tj-r-price dl{padding-bottom:10px!important;margin-bottom:10px!important}
.tj-receipt-v34 .tj-r-final{display:block!important;background:#effaf4!important;border:1px solid #9dd5b3!important;border-radius:12px!important;text-align:center!important;padding:12px 10px!important;margin-top:8px!important}
.tj-receipt-v34 .tj-r-final span{display:block!important;font-size:12px!important;font-weight:800!important;color:#315048!important;margin-bottom:4px!important}
.tj-receipt-v34 .tj-r-final strong{display:block!important;font-size:24px!important;line-height:1.25!important;color:#087044!important;font-weight:900!important}
.tj-receipt-v34 .tj-r-payment{padding-top:12px!important}
.tj-receipt-v34 .tj-r-timeline{padding:12px 16px!important;margin-top:0!important}
.tj-receipt-v34 .tj-r-steps{gap:4px!important}
.tj-receipt-v34 .tj-r-step span{width:26px!important;height:26px!important;margin-bottom:5px!important}
.tj-receipt-v34 .tj-r-step:before{top:18px!important}
.tj-receipt-v34 .tj-r-step b{font-size:11.5px!important}
.tj-receipt-v34 .tj-r-step small{font-size:10.5px!important;line-height:1.5!important}
.tj-receipt-v34 .tj-r-actions{gap:10px!important;margin:10px 0!important}
.tj-receipt-v34 .tj-r-actions a,.tj-receipt-v34 .tj-r-actions button{padding:10px 12px!important;font-size:12.5px!important;border-radius:12px!important}
.tj-receipt-v34 .tj-r-footnote{font-size:12px!important;padding:8px!important;border-radius:10px!important}
@media(max-width:1020px){.tj-receipt-v34 .tj-r-hero{grid-template-columns:80px 1fr!important}.tj-receipt-v34 .tj-r-hero-meta{grid-column:1/-1!important;grid-template-columns:repeat(3,1fr)!important;border-right:0!important;border-top:1px solid rgba(13,112,92,.12)!important;padding:12px 0 0!important}.tj-receipt-v34 .tj-r-layout-compact{grid-template-columns:1fr!important}.tj-receipt-v34 .tj-r-grid-3{grid-template-columns:1fr!important}}
@media(max-width:680px){.tj-receipt-v34{padding:0 10px!important}.tj-receipt-v34 .tj-r-hero{grid-template-columns:1fr!important;text-align:center!important;padding:18px 14px!important}.tj-receipt-v34 .tj-r-hero-meta{grid-template-columns:1fr!important}.tj-receipt-v34 .tj-r-hero-meta div{border-right:0!important;border-top:1px solid rgba(13,112,92,.08)!important}.tj-receipt-v34 .tj-r-specs{grid-template-columns:1fr!important}.tj-receipt-v34 .tj-r-actions{grid-template-columns:1fr!important}.tj-receipt-v34 .tj-r-steps{grid-template-columns:1fr!important}.tj-receipt-v34 .tj-r-step{display:grid!important;grid-template-columns:30px 1fr!important;text-align:right!important;gap:8px!important}.tj-receipt-v34 .tj-r-step:before{display:none!important}.tj-receipt-v34 .tj-r-step span{margin:0!important}.tj-receipt-v34 .tj-r-step small{grid-column:2!important}.tj-receipt-v34 .tj-r-final strong{font-size:21px!important}}


/* Toranjestan v3.5 receipt polish */
.tj-receipt-v34 .tj-r-subsections-row{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  margin-top:10px!important;
  padding-top:10px!important;
  border-top:1px dashed #dce5e1!important;
}
.tj-receipt-v34 .tj-r-subsections-row .tj-r-subsection{
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
}
.tj-receipt-v34 .tj-r-ship-inline dl{
  grid-template-columns:auto 1fr!important;
  gap:5px 10px!important;
}
.tj-receipt-v34 .tj-r-spec strong,
.tj-receipt-v34 .tj-r-card dd,
.tj-receipt-v34 .tj-r-final strong,
.tj-receipt-v34 .tj-r-hero-meta strong,
.tj-receipt-v34 .tj-r-hero-meta b,
.tj-receipt-v34 .tj-r-hero-meta small{
  font-variant-numeric:normal!important;
}
@media(max-width:680px){
  .tj-receipt-v34 .tj-r-subsections-row{grid-template-columns:1fr!important;gap:10px!important;}
}


/* Final order review payment CTA */
.tj-r-payment-confirm{
    margin:20px 0;
    padding:22px 24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    border:2px solid #1c8a61;
    border-radius:18px;
    background:linear-gradient(135deg,#f1fff8 0%,#e6f8ef 100%);
    box-shadow:0 12px 30px rgba(22,111,76,.12);
}

.tj-r-payment-confirm-copy{
    flex:1;
}

.tj-r-payment-confirm-label{
    display:inline-block;
    margin-bottom:7px;
    color:#9a6a12;
    font-size:13px;
    font-weight:800;
}

.tj-r-payment-confirm h2{
    margin:0 0 7px;
    color:#075f42;
    font-size:21px;
    line-height:1.7;
}

.tj-r-payment-confirm p{
    margin:0;
    color:#405b52;
    font-size:14px;
    line-height:2;
}

.tj-r-payment-confirm-action{
    min-width:275px;
    padding:16px;
    display:grid;
    gap:7px;
    text-align:center;
    border-radius:14px;
    background:#fff;
    border:1px solid rgba(28,138,97,.22);
}

.tj-r-payment-confirm-action span{
    color:#53675f;
    font-size:12px;
    font-weight:700;
}

.tj-r-payment-confirm-action strong{
    color:#08724e;
    font-size:24px;
    line-height:1.5;
}

.tj-r-payment-confirm-action a{
    margin-top:5px;
    padding:13px 18px;
    display:block;
    border-radius:10px;
    background:#12398b;
    color:#fff !important;
    font-size:15px;
    font-weight:900;
    text-decoration:none;
    box-shadow:0 8px 18px rgba(18,57,139,.20);
}

.tj-r-payment-confirm-action a:hover{
    background:#0e2e72;
    color:#fff !important;
}

@media(max-width:760px){
    .tj-r-payment-confirm{
        padding:18px;
        display:block;
    }

    .tj-r-payment-confirm-action{
        min-width:0;
        margin-top:16px;
    }

    .tj-r-payment-confirm h2{
        font-size:18px;
    }
}


/* Toranjestan account title role */
.tj-account-page .tj-account-title{
    display:flex;
    align-items:baseline;
    gap:9px;
    flex-wrap:wrap;
    margin:12px 0 14px;
}

.tj-account-page .tj-account-title > span{
    display:inline;
    padding:0;
    margin:0;
    border:0;
    border-radius:0;
    background:none;
    box-shadow:none;
    color:#0b5f61;
    font-size:32px;
    font-weight:900;
    line-height:1.45;
}

.tj-account-page .tj-account-title-role{
    display:inline;
    padding:0;
    margin:0;
    border:0;
    border-radius:0;
    background:none;
    box-shadow:none;
    color:#8a6a52;
    font-size:15px;
    font-weight:700;
    line-height:1.6;
    white-space:nowrap;
}

.tj-dashboard-head-actions-only{
    justify-content:flex-end;
}

@media(max-width:700px){
    .tj-account-page .tj-account-title > span{
        font-size:25px;
    }

    .tj-account-page .tj-account-title-role{
        font-size:13px;
    }
}


/* TJ_PARTIAL_ONLINE_PAYMENT_START */
.tj-member-dashboard .tj-partial-payment-form{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-end;
    gap:7px;
    margin-top:9px;
}

.tj-member-dashboard .tj-partial-payment-form label{
    display:flex;
    flex-direction:column;
    gap:3px;
    margin:0;
}

.tj-member-dashboard .tj-partial-payment-form label span{
    font-size:12px;
    font-weight:700;
}

.tj-member-dashboard .tj-partial-payment-form input{
    width:135px;
    min-height:36px;
    margin:0;
}

.tj-member-dashboard .tj-partial-payment-form button{
    min-height:36px;
    margin:0;
    white-space:nowrap;
}

.tj-member-dashboard .tj-partial-payment-form small{
    flex-basis:100%;
    margin:0;
}

@media (max-width:640px){
    .tj-member-dashboard .tj-partial-payment-form{
        align-items:stretch;
    }

    .tj-member-dashboard .tj-partial-payment-form label,
    .tj-member-dashboard .tj-partial-payment-form input,
    .tj-member-dashboard .tj-partial-payment-form button{
        width:100%;
    }
}
/* TJ_PARTIAL_ONLINE_PAYMENT_END */
/* Toranjestan order flow UI stage 1 */

/* Final order form */
.tj-order-form-wrap .tj-order-draft-grid{
  grid-template-columns:1fr!important;
  row-gap:8px;
}

.tj-order-form-wrap .tj-order-draft-grid div{
  padding:4px 0;
  border-bottom:1px solid rgba(111,76,62,.08);
}

.tj-order-form-wrap .tj-order-draft-grid div:last-child{
  border-bottom:0;
}

.tj-order-form-wrap .tj-order-draft-grid span{
  font-size:11.5px;
  line-height:1.6;
}

.tj-order-form-wrap .tj-order-draft-grid b{
  font-size:12.5px;
  line-height:1.65;
}

.tj-order-description-field small{
  color:#71817d;
  font-size:11px;
  font-weight:600;
}

/* Matching binding/file-service cards */
.tj-book-service-grid{
  align-items:stretch;
}

.tj-book-service-grid > .tj-compact-service-card{
  height:100%;
  align-content:start;
}

.tj-compact-service-card h4{
  font-size:14px;
  line-height:1.55;
  margin-bottom:7px;
}

.tj-compact-service-card .tj-field-help{
  font-size:11.5px!important;
  line-height:1.55!important;
  margin:-1px 0 7px!important;
}

.tj-compact-service-card .tj-check{
  font-size:12.5px;
  line-height:1.45;
  padding:5px 2px;
}

/* Hide the separate total card after continuing to the order form */
.tj-order-page-calculator
[data-tj-calculator="book"].is-order-form-active
.tj-book-total-box,
.tj-order-page-calculator
[data-tj-calculator="print"].is-order-form-active
.tj-result-box{
  display:none!important;
}

/* Persian file picker */
.tj-file-picker{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:10px;
  margin-top:6px;
  min-height:46px;
  padding:6px;
  border:1px solid #d4dfda;
  border-radius:11px;
  background:#fff;
}

.tj-file-picker input[type="file"]{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:0!important;
  opacity:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

.tj-file-picker-button{
  min-width:105px;
  padding:9px 12px!important;
  border-radius:8px!important;
  font-size:12px!important;
  white-space:nowrap;
}

.tj-file-picker-status{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#74827e;
  font-size:12px;
  font-weight:600;
}

.tj-file-picker.is-ready{
  border-color:#80bdb1;
  background:#f4fbf8;
}

.tj-file-picker.is-ready .tj-file-picker-status{
  color:#17685c;
}

.tj-file-picker.is-uploaded{
  border-color:#74b99b;
  background:#effaf3;
}

.tj-file-picker.is-uploaded .tj-file-picker-status{
  color:#087044;
  font-weight:800;
}

/*
 * ORDER_EDIT_STAGE1_CSS_EXISTING_FILES
 */
.tj-file-picker.is-existing{
  border-color:#b8c9c2;
  background:#f7faf8;
}

.tj-file-picker.is-existing .tj-file-picker-status{
  color:#315a51;
  font-weight:700;
}

.tj-file-picker.is-existing .tj-file-picker-status::before{
  content:"✓";
  display:inline-block;
  margin-left:6px;
  color:#087044;
  font-weight:900;
}

.tj-file-picker.is-existing .tj-file-picker-button{
  border-color:#a9cec0!important;
  background:#eef6f2!important;
  color:#17685c!important;
}

/*
 * ORDER_EDIT_STAGE1_CSS_EXISTING_EXTRAS
 */
.tj-existing-extra-files{
  display:grid;
  gap:7px;
  margin:10px 0;
  padding:12px 14px;
  border:1px solid #c9ddd5;
  border-radius:11px;
  background:#f6faf8;
  color:#315a51;
}

.tj-existing-extra-files strong{
  font-size:13px;
  color:#17685c;
}

.tj-existing-extra-files ul{
  display:grid;
  gap:5px;
  margin:0;
  padding:0 18px 0 0;
}

.tj-existing-extra-files li{
  overflow-wrap:anywhere;
  font-size:12.5px;
  line-height:1.7;
}

.tj-existing-extra-files small{
  color:#687b75;
  font-size:11.5px;
  line-height:1.7;
}

/* Real upload progress */
.tj-upload-progress{
  display:grid;
  gap:8px;
  padding:12px 14px;
  border:1px solid #c9e2d8;
  border-radius:12px;
  background:#f2faf6;
}

.tj-upload-progress[hidden]{
  display:none!important;
}

.tj-upload-progress-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  color:#315a51;
  font-size:12.5px;
  font-weight:700;
}

.tj-upload-progress-head b{
  color:#087044;
  direction:ltr;
}

.tj-upload-progress-track{
  height:9px;
  overflow:hidden;
  border-radius:999px;
  background:#dbece5;
}

.tj-upload-progress-track i{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#149575,#087044);
  transition:width .18s ease;
}

.tj-order-submit-message{
  padding:11px 13px;
  border-radius:11px;
  font-size:12.5px;
  line-height:1.8;
}

.tj-order-submit-message[hidden]{
  display:none!important;
}

.tj-order-submit-message.is-success{
  color:#087044;
  border:1px solid #b9dfc8;
  background:#effaf3;
}

.tj-order-submit-message.is-error{
  color:#a63232;
  border:1px solid #efc1c1;
  background:#fff3f3;
}

.tj-compact-form [data-tj-final-submit]{
  width:100%;
  min-height:48px;
  padding:12px 16px;
  font-size:14px;
  line-height:1.7;
}

.tj-compact-form [data-tj-final-submit]:disabled{
  cursor:wait;
  opacity:.7;
}

/*
 * Narrow desktop:
 * preserve the desktop hierarchy instead of activating the
 * tablet/mobile stacking rules merely because the window is narrow.
 */
@media (max-width:1100px){
  html.tj-desktop-layout
  .tj-order-page-calculator
  .tj-book-calc-layout{
    grid-template-columns:minmax(0,1fr) 285px!important;
  }

  html.tj-desktop-layout
  .tj-order-page-calculator
  .tj-book-result-panel{
    position:sticky!important;
    top:196px!important;
  }

  html.tj-desktop-layout
  .tj-book-service-grid{
    grid-template-columns:
      minmax(0,1.25fr)
      minmax(155px,.72fr)
      minmax(155px,.72fr)!important;
  }

  html.tj-desktop-layout .tj-fields-2{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  html.tj-desktop-layout .tj-fields-3{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  html.tj-desktop-layout .tj-fields-4{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }

  html.tj-desktop-layout .tj-bind-services{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  html.tj-desktop-layout
  .tj-order-form-wrap
  form[data-tj-order-form].has-order-draft,
  html.tj-desktop-layout
  .tj-order-form-wrap
  form[data-tj-print-order-form].has-order-draft{
    grid-template-columns:minmax(0,1fr) 300px!important;
  }

  html.tj-desktop-layout
  .tj-order-form-wrap
  .tj-order-draft{
    grid-column:2!important;
    grid-row:1!important;
    position:sticky!important;
    top:196px!important;
  }

  html.tj-desktop-layout .tj-order-form-main{
    grid-column:1!important;
    grid-row:1!important;
  }

  html.tj-desktop-layout .tj-order-contact-layout{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  html.tj-desktop-layout .tj-file-row-3{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* Real tablet/mobile layout */
html.tj-mobile-layout
.tj-order-page-calculator
.tj-book-calc-layout{
  grid-template-columns:1fr!important;
}

html.tj-mobile-layout
.tj-order-page-calculator
.tj-book-result-panel,
html.tj-mobile-layout
.tj-order-form-wrap
.tj-order-draft{
  position:static!important;
}

html.tj-mobile-layout
.tj-order-form-wrap
form[data-tj-order-form].has-order-draft,
html.tj-mobile-layout
.tj-order-form-wrap
form[data-tj-print-order-form].has-order-draft{
  grid-template-columns:1fr!important;
}

html.tj-mobile-layout
.tj-order-form-wrap
.tj-order-draft,
html.tj-mobile-layout
.tj-order-form-main{
  grid-column:1!important;
  grid-row:auto!important;
}

@media (max-width:700px){
  html.tj-mobile-layout .tj-book-service-grid,
  html.tj-mobile-layout .tj-fields-2,
  html.tj-mobile-layout .tj-fields-3,
  html.tj-mobile-layout .tj-fields-4,
  html.tj-mobile-layout .tj-bind-services,
  html.tj-mobile-layout .tj-order-contact-layout,
  html.tj-mobile-layout .tj-file-row-3{
    grid-template-columns:1fr!important;
  }

  .tj-file-picker{
    grid-template-columns:1fr;
  }

  .tj-file-picker-button{
    width:100%;
  }

  .tj-file-picker-status{
    padding:2px 4px 4px;
    white-space:normal;
    overflow-wrap:anywhere;
  }
}

/* Toranjestan receipt UI stage 2 */
.tj-receipt-v36{
    max-width:1120px!important;
}

.tj-receipt-v36 .tj-r-hero{
    display:grid!important;
    grid-template-columns:64px minmax(0,1fr)!important;
    align-items:center!important;
    gap:16px!important;
    padding:16px 20px!important;
    margin-bottom:10px!important;
    text-align:right!important;
}

.tj-receipt-v36 .tj-r-review-mark{
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #c8d9d2;
    border-radius:16px;
    background:#f6faf8;
    color:#55736a;
}

.tj-receipt-v36 .tj-r-review-mark .tj-r-icon{
    width:28px!important;
    height:28px!important;
    opacity:.88!important;
}

.tj-receipt-v36 .tj-r-check{
    width:58px!important;
    height:58px!important;
    border-width:4px!important;
    font-size:32px!important;
}

.tj-receipt-v36 .tj-r-hero-copy h1{
    margin:0 0 3px!important;
    font-size:20px!important;
    line-height:1.55!important;
}

.tj-receipt-v36 .tj-r-hero-copy p{
    margin:0!important;
    max-width:none!important;
    font-size:12.8px!important;
    line-height:1.8!important;
}

.tj-receipt-v36 .tj-r-hero-status{
    display:inline-flex;
    margin-top:7px;
    padding:4px 10px;
    border:1px solid #eadcb7;
    border-radius:999px;
    background:#fff9e9;
    color:#876019;
    font-size:11.5px;
    font-weight:800;
}

.tj-receipt-v36 .tj-r-overview{
    display:grid;
    grid-template-columns:minmax(0,1.75fr) minmax(260px,.75fr);
    gap:10px;
    margin-bottom:10px;
}

.tj-receipt-v36 .tj-r-hero-meta,
.tj-receipt-v36 .tj-r-customer-inline{
    background:rgba(255,255,255,.985);
    border:1px solid rgba(13,112,92,.12);
    border-radius:14px;
    box-shadow:0 6px 18px rgba(18,55,47,.045);
}

.tj-receipt-v36 .tj-r-hero-meta{
    display:grid!important;
    grid-template-columns:1fr 1.25fr 1.4fr!important;
    gap:0!important;
    padding:12px 14px!important;
    border-right:1px solid rgba(13,112,92,.12)!important;
}

.tj-receipt-v36 .tj-r-hero-meta div{
    min-height:58px!important;
    padding:4px 14px!important;
    border-right:1px solid rgba(13,112,92,.09)!important;
    text-align:right!important;
    align-content:center!important;
}

.tj-receipt-v36 .tj-r-hero-meta div:first-child{
    border-right:0!important;
}

.tj-receipt-v36 .tj-r-hero-meta span{
    font-size:11.5px!important;
}

.tj-receipt-v36 .tj-r-hero-meta strong{
    font-size:24px!important;
}

.tj-receipt-v36 .tj-r-hero-meta b{
    font-size:13px!important;
    line-height:1.5!important;
}

.tj-receipt-v36 .tj-r-customer-inline{
    padding:12px 15px;
}

.tj-receipt-v36 .tj-r-customer-inline dl{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:7px 12px;
    align-items:center;
    margin:0;
}

.tj-receipt-v36 .tj-r-customer-inline dt{
    color:#697a74;
    font-size:11.5px;
    font-weight:650;
}

.tj-receipt-v36 .tj-r-customer-inline dd{
    margin:0;
    color:#142824;
    font-size:12.5px;
    font-weight:800;
    overflow-wrap:anywhere;
}

.tj-receipt-v36 .tj-r-summary-strip{
    display:grid;
    grid-template-columns:1.5fr 1fr .65fr;
    gap:8px;
    margin:0 0 10px;
    padding:10px;
    border:1px solid #e1ebe6;
    border-radius:11px;
    background:#f8fbf9;
}

.tj-receipt-v36 .tj-r-summary-strip div{
    display:grid;
    gap:3px;
    padding:0 10px;
    border-right:1px solid #e1e9e5;
}

.tj-receipt-v36 .tj-r-summary-strip div:first-child{
    border-right:0;
}

.tj-receipt-v36 .tj-r-summary-strip span{
    color:#687972;
    font-size:11.5px;
}

.tj-receipt-v36 .tj-r-summary-strip strong{
    color:#152a25;
    font-size:12.8px;
    line-height:1.6;
}

.tj-receipt-v36 .tj-r-steps{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
}

.tj-receipt-v36 .tj-r-actions{
    display:none!important;
}

.tj-desktop-layout .tj-receipt-v36 .tj-r-hero{
    grid-template-columns:64px minmax(0,1fr)!important;
    text-align:right!important;
}

.tj-desktop-layout .tj-receipt-v36 .tj-r-overview{
    grid-template-columns:minmax(0,1.75fr) minmax(260px,.75fr)!important;
}

.tj-desktop-layout .tj-receipt-v36 .tj-r-hero-meta{
    grid-template-columns:1fr 1.25fr 1.4fr!important;
    border-top:1px solid rgba(13,112,92,.12)!important;
    padding:12px 14px!important;
}

.tj-desktop-layout .tj-receipt-v36 .tj-r-layout-compact{
    grid-template-columns:minmax(0,2fr) minmax(300px,.85fr)!important;
}

.tj-desktop-layout .tj-receipt-v36 .tj-r-specs{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

.tj-desktop-layout .tj-receipt-v36 .tj-r-summary-strip{
    grid-template-columns:1.5fr 1fr .65fr!important;
}

.tj-desktop-layout .tj-receipt-v36 .tj-r-steps{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
}

.tj-desktop-layout .tj-receipt-v36 .tj-r-step{
    display:block!important;
    text-align:center!important;
}

.tj-desktop-layout .tj-receipt-v36 .tj-r-step span{
    margin:0 auto 5px!important;
}

.tj-desktop-layout .tj-receipt-v36 .tj-r-step:before{
    display:block!important;
}

.tj-desktop-layout .tj-receipt-v36 .tj-r-step:first-child:before{
    display:none!important;
}

.tj-desktop-layout .tj-receipt-v36 .tj-r-step small{
    grid-column:auto!important;
}

.tj-mobile-layout .tj-receipt-v36 .tj-r-hero{
    grid-template-columns:1fr!important;
    justify-items:center!important;
    text-align:center!important;
    padding:16px 14px!important;
}

.tj-mobile-layout .tj-receipt-v36 .tj-r-hero-copy p{
    text-align:center!important;
}

.tj-mobile-layout .tj-receipt-v36 .tj-r-overview{
    grid-template-columns:1fr!important;
}

.tj-mobile-layout .tj-receipt-v36 .tj-r-hero-meta{
    grid-template-columns:1fr!important;
    padding:4px 14px!important;
}

.tj-mobile-layout .tj-receipt-v36 .tj-r-hero-meta div{
    min-height:auto!important;
    padding:10px 0!important;
    border-right:0!important;
    border-top:1px solid rgba(13,112,92,.08)!important;
    text-align:center!important;
}

.tj-mobile-layout .tj-receipt-v36 .tj-r-hero-meta div:first-child{
    border-top:0!important;
}

.tj-mobile-layout .tj-receipt-v36 .tj-r-customer-inline dl{
    grid-template-columns:1fr!important;
    gap:3px!important;
    text-align:center!important;
}

.tj-mobile-layout .tj-receipt-v36 .tj-r-customer-inline dd{
    margin-bottom:7px!important;
}

.tj-mobile-layout .tj-receipt-v36 .tj-r-layout-compact{
    grid-template-columns:1fr!important;
}

.tj-mobile-layout .tj-receipt-v36 .tj-r-summary-strip{
    grid-template-columns:1fr!important;
}

.tj-mobile-layout .tj-receipt-v36 .tj-r-summary-strip div{
    padding:7px 0!important;
    border-right:0!important;
    border-top:1px solid #e1e9e5!important;
}

.tj-mobile-layout .tj-receipt-v36 .tj-r-summary-strip div:first-child{
    border-top:0!important;
}

.tj-mobile-layout .tj-receipt-v36 .tj-r-specs{
    grid-template-columns:1fr!important;
}

.tj-mobile-layout .tj-receipt-v36 .tj-r-steps{
    grid-template-columns:1fr!important;
}

.tj-mobile-layout .tj-receipt-v36 .tj-r-step{
    display:grid!important;
    grid-template-columns:30px 1fr!important;
    gap:8px!important;
    text-align:right!important;
}

.tj-mobile-layout .tj-receipt-v36 .tj-r-step:before{
    display:none!important;
}

.tj-mobile-layout .tj-receipt-v36 .tj-r-step span{
    margin:0!important;
}

.tj-mobile-layout .tj-receipt-v36 .tj-r-step small{
    grid-column:2!important;
}

@media (max-width:680px) and (pointer:coarse){
    .tj-receipt-v36 .tj-r-overview,
    .tj-receipt-v36 .tj-r-layout-compact,
    .tj-receipt-v36 .tj-r-summary-strip,
    .tj-receipt-v36 .tj-r-specs{
        grid-template-columns:1fr!important;
    }
}


/*
 * RECEIPT_UI_V37_PREPARED
 * سه ستون بالای رسید، لینک واضح اصلاح، توضیحات سفارش
 * و چیدمان پایدار دسکتاپ در عرض محدود.
 */

/* حذف عنوان وردپرسی «ثبت موفق سفارش» از بالای محتوای صفحه. */
body.page-id-69 .site-main .entry-title,
body.page-id-69 .site-main .page-title,
body.page-id-69 .site-main .wp-block-post-title,
body.page-id-69 .site-main article > .entry-header,
body.page-id-69 .site-main article > header{
    display:none!important;
}

.tj-receipt-v37{
    width:min(1120px,calc(100vw - 28px))!important;
    max-width:1120px!important;
    min-width:0!important;
}

.tj-receipt-v37 .tj-r-top-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    align-items:stretch!important;
    margin-bottom:10px!important;
}

.tj-receipt-v37 .tj-r-top-grid > *{
    min-width:0!important;
    height:100%!important;
    margin:0!important;
    grid-column:auto!important;
}

.tj-receipt-v37 .tj-r-top-grid .tj-r-hero{
    grid-template-columns:52px minmax(0,1fr)!important;
    gap:11px!important;
    padding:13px 14px!important;
    text-align:right!important;
}

.tj-receipt-v37 .tj-r-top-grid .tj-r-review-mark,
.tj-receipt-v37 .tj-r-top-grid .tj-r-check{
    width:46px!important;
    height:46px!important;
    border-radius:13px!important;
}

.tj-receipt-v37 .tj-r-top-grid .tj-r-check{
    font-size:25px!important;
}

.tj-receipt-v37 .tj-r-top-grid .tj-r-hero-copy h1{
    margin:0 0 4px!important;
    font-size:17px!important;
    line-height:1.55!important;
}

.tj-receipt-v37 .tj-r-top-grid .tj-r-hero-copy p{
    margin:0!important;
    font-size:11.5px!important;
    line-height:1.75!important;
}

.tj-receipt-v37 .tj-r-top-grid .tj-r-hero-status{
    margin-top:5px!important;
}

.tj-receipt-v37 .tj-r-top-grid .tj-r-customer-inline{
    display:flex!important;
    align-items:center!important;
    padding:12px 15px!important;
}

.tj-receipt-v37 .tj-r-top-grid .tj-r-customer-inline dl{
    width:100%!important;
    margin:0!important;
}

.tj-receipt-v37 .tj-r-top-grid .tj-r-hero-meta{
    grid-template-columns:1fr!important;
    grid-column:auto!important;
    gap:0!important;
    padding:5px 14px!important;
    border-top:1px solid rgba(13,112,92,.12)!important;
}

.tj-receipt-v37 .tj-r-top-grid .tj-r-hero-meta div{
    min-height:0!important;
    padding:7px 0!important;
    border-right:0!important;
    border-top:1px solid rgba(13,112,92,.09)!important;
    text-align:right!important;
}

.tj-receipt-v37 .tj-r-top-grid .tj-r-hero-meta div:first-child{
    border-top:0!important;
}

.tj-receipt-v37 .tj-r-top-grid .tj-r-hero-meta strong{
    font-size:22px!important;
}

.tj-receipt-v37 .tj-r-summary-strip{
    grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)!important;
}

.tj-receipt-v37 .tj-r-card-title-row{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin-bottom:14px!important;
}

.tj-receipt-v37 .tj-r-card-title-row h2{
    margin:0!important;
}

.tj-receipt-v37 .tj-r-edit-link{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    padding:6px 10px!important;
    border:1px solid #bdd8cf!important;
    border-radius:9px!important;
    background:#f2faf7!important;
    color:#086047!important;
    font-size:11.5px!important;
    font-weight:850!important;
    text-decoration:none!important;
}

.tj-receipt-v37 .tj-r-edit-link:hover{
    background:#e7f5f0!important;
    color:#064c39!important;
}

.tj-receipt-v37 .tj-r-order-description{
    margin-top:12px!important;
    padding:11px 13px!important;
    border:1px solid #e2e9e5!important;
    border-radius:11px!important;
    background:#fbfcfb!important;
}

.tj-receipt-v37 .tj-r-order-description h3{
    margin:0 0 6px!important;
    color:#086047!important;
    font-size:13px!important;
}

.tj-receipt-v37 .tj-r-order-description p{
    margin:0!important;
    color:#384d47!important;
    font-size:12.5px!important;
    line-height:1.9!important;
    overflow-wrap:anywhere!important;
}

/* کوچک‌کردن پنجره دسکتاپ نباید حالت موبایل را فعال کند. */
@media (max-width:980px){
    html.tj-desktop-layout .tj-receipt-v37{
        width:calc(100vw - 18px)!important;
        padding-inline:7px!important;
    }

    html.tj-desktop-layout
    .tj-receipt-v37
    .tj-r-top-grid{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }

    html.tj-desktop-layout
    .tj-receipt-v37
    .tj-r-top-grid
    .tj-r-hero{
        grid-template-columns:1fr!important;
        text-align:right!important;
    }

    html.tj-desktop-layout
    .tj-receipt-v37
    .tj-r-top-grid
    .tj-r-review-mark,
    html.tj-desktop-layout
    .tj-receipt-v37
    .tj-r-top-grid
    .tj-r-check{
        display:none!important;
    }

    html.tj-desktop-layout
    .tj-receipt-v37
    .tj-r-top-grid
    .tj-r-hero-meta{
        grid-column:auto!important;
        grid-template-columns:1fr!important;
        padding:5px 12px!important;
    }

    html.tj-desktop-layout
    .tj-receipt-v37
    .tj-r-layout-compact{
        grid-template-columns:minmax(0,1.35fr) minmax(220px,.72fr)!important;
    }

    html.tj-desktop-layout
    .tj-receipt-v37
    .tj-r-specs{
        grid-template-columns:1fr!important;
    }

    html.tj-desktop-layout
    .tj-receipt-v37
    .tj-r-subsections-row{
        grid-template-columns:1fr!important;
    }
}

@media (max-width:780px){
    html.tj-desktop-layout
    .tj-receipt-v37
    .tj-r-top-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    html.tj-desktop-layout
    .tj-receipt-v37
    .tj-r-top-grid
    .tj-r-hero-meta{
        grid-column:1/-1!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }

    html.tj-desktop-layout
    .tj-receipt-v37
    .tj-r-top-grid
    .tj-r-hero-meta
    div{
        padding:7px 10px!important;
        border-top:0!important;
        border-right:1px solid rgba(13,112,92,.09)!important;
    }

    html.tj-desktop-layout
    .tj-receipt-v37
    .tj-r-top-grid
    .tj-r-hero-meta
    div:first-child{
        border-right:0!important;
    }

    html.tj-desktop-layout
    .tj-receipt-v37
    .tj-r-layout-compact{
        grid-template-columns:1fr!important;
    }

    html.tj-desktop-layout
    .tj-receipt-v37
    .tj-r-specs{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

/* فقط تبلت و موبایل واقعی به حالت ستونی کامل می‌روند. */
html.tj-mobile-layout .tj-receipt-v37 .tj-r-top-grid{
    grid-template-columns:1fr!important;
}

html.tj-mobile-layout
.tj-receipt-v37
.tj-r-top-grid
.tj-r-hero-meta{
    grid-column:auto!important;
    grid-template-columns:1fr!important;
}

html.tj-mobile-layout
.tj-receipt-v37
.tj-r-top-grid
.tj-r-hero-meta
div{
    border-right:0!important;
    border-top:1px solid rgba(13,112,92,.09)!important;
    text-align:center!important;
}

html.tj-mobile-layout
.tj-receipt-v37
.tj-r-top-grid
.tj-r-hero-meta
div:first-child{
    border-top:0!important;
}

html.tj-mobile-layout
.tj-receipt-v37
.tj-r-card-title-row{
    align-items:flex-start!important;
    flex-direction:column!important;
}

html.tj-mobile-layout
.tj-receipt-v37
.tj-r-summary-strip{
    grid-template-columns:1fr!important;
}

/*
 * RECEIPT_UI_V38_ALIGNMENT
 * اصلاح عرض رسید، ردیفی‌شدن اطلاعات پیگیری و دکمه اصلاح قرمز.
 */

.tj-receipt-v37{
    width:100%!important;
    max-width:1120px!important;
    margin-inline:auto!important;
    box-sizing:border-box!important;
}

.tj-receipt-v37 .tj-r-top-grid,
.tj-receipt-v37 .tj-r-grid{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
}

.tj-receipt-v37 .tj-r-top-grid > *,
.tj-receipt-v37 .tj-r-grid > *{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
}

.tj-receipt-v37 .tj-r-top-grid .tj-r-hero-meta div{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:12px!important;
    row-gap:2px!important;
    width:100%!important;
}

.tj-receipt-v37 .tj-r-top-grid .tj-r-hero-meta div > span{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    margin:0!important;
}

.tj-receipt-v37 .tj-r-top-grid .tj-r-hero-meta div > strong,
.tj-receipt-v37 .tj-r-top-grid .tj-r-hero-meta div > b{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    margin:0!important;
    white-space:nowrap!important;
}

.tj-receipt-v37 .tj-r-top-grid .tj-r-hero-meta div > strong{
    font-size:18px!important;
}

.tj-receipt-v37 .tj-r-top-grid .tj-r-hero-meta div > small{
    grid-column:2!important;
    grid-row:2!important;
    justify-self:end!important;
    margin:0!important;
    white-space:nowrap!important;
}

.tj-receipt-v37 .tj-r-edit-link{
    border-color:#efb1b1!important;
    background:#fff1f1!important;
    color:#b42318!important;
}

.tj-receipt-v37 .tj-r-edit-link:hover{
    border-color:#dc7777!important;
    background:#ffe2e2!important;
    color:#8f1710!important;
}

/*
 * RECEIPT_UI_V40_INNER_SCROLL
 * اسکرول افقی فقط داخل محتوای رسید در دسکتاپ باریک.
 */

/* هدر و کل صفحه ثابت می‌مانند؛ فقط محتوای مقاله اسکرول می‌گیرد. */
html.tj-desktop-layout
body.page-id-69
.entry-content{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    padding-bottom:10px!important;
    overscroll-behavior-inline:contain!important;
}

/* رسید در دسکتاپ از ۹۲۰ پیکسل کوچک‌تر نمی‌شود. */
html.tj-desktop-layout .tj-receipt-v37{
    width:100%!important;
    min-width:920px!important;
    max-width:1120px!important;
    box-sizing:border-box!important;
}

/* خنثی‌کردن جمع‌شدن گرید در عرض‌های کم دسکتاپ. */
html.tj-desktop-layout
.tj-receipt-v37
.tj-r-top-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

html.tj-desktop-layout
.tj-receipt-v37
.tj-r-top-grid
.tj-r-hero{
    grid-template-columns:52px minmax(0,1fr)!important;
}

html.tj-desktop-layout
.tj-receipt-v37
.tj-r-top-grid
.tj-r-review-mark,
html.tj-desktop-layout
.tj-receipt-v37
.tj-r-top-grid
.tj-r-check{
    display:grid!important;
    place-items:center!important;
}

html.tj-desktop-layout
.tj-receipt-v37
.tj-r-top-grid
.tj-r-hero-meta{
    grid-column:auto!important;
    grid-template-columns:1fr!important;
    padding:5px 14px!important;
}

html.tj-desktop-layout
.tj-receipt-v37
.tj-r-top-grid
.tj-r-hero-meta
div{
    border-right:0!important;
    border-top:1px solid rgba(13,112,92,.09)!important;
    padding:7px 0!important;
}

html.tj-desktop-layout
.tj-receipt-v37
.tj-r-top-grid
.tj-r-hero-meta
div:first-child{
    border-top:0!important;
}

html.tj-desktop-layout
.tj-receipt-v37
.tj-r-layout-compact{
    grid-template-columns:minmax(0,2fr) 300px!important;
}

html.tj-desktop-layout
.tj-receipt-v37
.tj-r-specs,
html.tj-desktop-layout
.tj-receipt-v37
.tj-r-subsections-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

html.tj-desktop-layout
.tj-receipt-v37
.tj-r-card-title-row{
    flex-direction:row!important;
    align-items:center!important;
}

/*
 * RECEIPT_UI_V41_SCROLL_SHELL
 * اسکرول افقی اختصاصی برای خود رسید، بدون جابه‌جایی هدر و صفحه.
 */

/* خنثی‌کردن اسکرول اشتباه V40 روی کل محتوای نوشته. */
html.tj-desktop-layout
body.page-id-69
.entry-content{
    overflow-x:visible!important;
    overflow-y:visible!important;
    padding-bottom:0!important;
}

/* کادر مستقل اسکرول فقط دور رسید. */
.tj-receipt-scroll-shell{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    direction:rtl!important;
    box-sizing:border-box!important;
    overscroll-behavior-inline:contain!important;
    padding-bottom:10px!important;
}

/* در دسکتاپ باریک، شکل اصلی رسید حفظ می‌شود. */
html.tj-desktop-layout
.tj-receipt-scroll-shell
> .tj-receipt-v37{
    width:100%!important;
    min-width:920px!important;
    max-width:1120px!important;
    margin:0 auto!important;
    direction:rtl!important;
}

/* موبایل واقعی همچنان واکنش‌گرا و بدون اسکرول افقی است. */
html.tj-mobile-layout
.tj-receipt-scroll-shell{
    overflow-x:visible!important;
    padding-bottom:0!important;
}

html.tj-mobile-layout
.tj-receipt-scroll-shell
> .tj-receipt-v37{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
}

/* عنوان عمومی صفحه رسید پنهان؛ عنوان داخل کارت رسید حفظ می‌شود. */
body.page-id-69 .entry-content > h1:first-child,
body.page-id-69 .entry-content > .wp-block-heading:first-child,
body.page-id-69 article > h1,
body.page-id-69 main > h1{
    display:none!important;
}

body.page-id-69 .tj-r-hero-copy h1{
    display:block!important;
}

/*
 * RECEIPT_UI_V43_MOBILE_COMPACT
 * رسید جمع‌وجورتر و خواناتر برای موبایل واقعی.
 */

@media (max-width:760px){

    html.tj-mobile-layout
    body.page-id-69
    .tj-entry-content{
        padding-inline:0!important;
    }

    html.tj-mobile-layout
    .tj-receipt-scroll-shell{
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
        padding:0 6px 8px!important;
        overflow-x:visible!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37{
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        margin:0!important;
        padding:8px!important;
        border-radius:16px!important;
        box-sizing:border-box!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-top-grid{
        gap:7px!important;
        margin-bottom:7px!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-top-grid > *{
        border-radius:14px!important;
    }

    /* کارت بررسی نهایی کوتاه‌تر و بدون آیکون بزرگ. */
    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-top-grid
    .tj-r-hero{
        display:block!important;
        padding:12px 13px!important;
        text-align:right!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-review-mark,
    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-check{
        display:none!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-hero-copy h1{
        margin:0 0 4px!important;
        font-size:18px!important;
        line-height:1.45!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-hero-copy p{
        margin:0!important;
        font-size:12px!important;
        line-height:1.75!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-hero-status{
        margin-top:6px!important;
        padding:4px 10px!important;
        font-size:11.5px!important;
    }

    /* اطلاعات مشتری به‌جای حالت عمودی، در سه ردیف فشرده. */
    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-customer-inline{
        display:block!important;
        padding:10px 12px!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-customer-inline dl{
        display:grid!important;
        grid-template-columns:minmax(82px,.8fr) minmax(0,1.2fr)!important;
        align-items:center!important;
        column-gap:10px!important;
        row-gap:6px!important;
        width:100%!important;
        margin:0!important;
        text-align:right!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-customer-inline dt,
    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-customer-inline dd{
        min-width:0!important;
        margin:0!important;
        padding:0!important;
        text-align:right!important;
        overflow-wrap:anywhere!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-customer-inline dt{
        color:#71807c!important;
        font-size:11.5px!important;
        font-weight:700!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-customer-inline dd{
        color:#263c38!important;
        font-size:12.5px!important;
        font-weight:800!important;
    }

    /* کد پیگیری و تاریخ‌ها در سه ردیف کم‌ارتفاع. */
    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-top-grid
    .tj-r-hero-meta{
        padding:4px 12px!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-top-grid
    .tj-r-hero-meta div{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) auto!important;
        align-items:center!important;
        column-gap:10px!important;
        row-gap:1px!important;
        min-height:0!important;
        padding:7px 0!important;
        text-align:right!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-hero-meta span{
        margin:0!important;
        font-size:11.5px!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-hero-meta strong,
    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-hero-meta b{
        margin:0!important;
        font-size:13px!important;
        white-space:nowrap!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-hero-meta small{
        grid-column:2!important;
        margin:0!important;
        font-size:10.5px!important;
        white-space:nowrap!important;
    }

    /* کاهش فاصله و حاشیه تمام کارت‌های رسید. */
    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-grid,
    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-side-column{
        gap:7px!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-card{
        padding:11px!important;
        border-radius:14px!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-card-title-row{
        flex-direction:row!important;
        align-items:center!important;
        gap:8px!important;
        margin-bottom:9px!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-card-title-row h2{
        font-size:16px!important;
        line-height:1.5!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-edit-link{
        padding:5px 7px!important;
        border-radius:7px!important;
        font-size:10.5px!important;
        white-space:nowrap!important;
    }

    /* عنوان و نوع سفارش کنار هم قرار می‌گیرند. */
    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-summary-strip{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:6px!important;
        margin-bottom:7px!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-summary-strip > div{
        min-height:0!important;
        padding:8px!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-summary-strip span{
        font-size:10.5px!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-summary-strip strong{
        font-size:12.5px!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-specs{
        gap:0!important;
        margin-top:2px!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-spec{
        min-height:38px!important;
        padding:6px 0!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-spec b{
        font-size:11px!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-spec strong{
        font-size:12px!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-order-description{
        margin-top:7px!important;
        padding:8px 10px!important;
        border-radius:9px!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-order-description h3{
        margin-bottom:3px!important;
        font-size:12px!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-order-description p{
        font-size:11.5px!important;
        line-height:1.7!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-subsections-row{
        gap:7px!important;
    }
}

/*
 * RECEIPT_UI_V44_MOBILE_ACCORDION
 * مشخصات سفارش و جزئیات هزینه در موبایل، پیش‌فرض بسته.
 */

.tj-r-mobile-accordion-toggle{
    display:none;
}

.tj-r-mobile-accordion-head{
    display:block;
}

@media (max-width:760px){

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-mobile-accordion-card{
        overflow:hidden!important;
        transition:border-color .18s ease,box-shadow .18s ease!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-mobile-accordion-card.tj-mobile-collapsed{
        padding-block:10px!important;
    }

    /*
     * در حالت بسته فقط سربرگ کارت دیده می‌شود.
     */
    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-order-details.tj-mobile-collapsed
    > :not(.tj-r-card-title-row),
    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-price.tj-mobile-collapsed
    > :not(.tj-r-mobile-accordion-head){
        display:none!important;
    }

    /*
     * سربرگ مشخصات سفارش:
     * عنوان در راست و فلش در چپ.
     */
    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-order-details
    > .tj-r-card-title-row{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) 36px!important;
        align-items:center!important;
        gap:8px!important;
        width:100%!important;
        margin:0!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-order-details
    > .tj-r-card-title-row
    > h2{
        grid-column:1!important;
        grid-row:1!important;
        margin:0!important;
    }

    /*
     * لینک اصلاح فقط زمانی دیده می‌شود که کارت باز باشد.
     */
    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-order-details
    > .tj-r-card-title-row
    > .tj-r-edit-link{
        grid-column:1/-1!important;
        grid-row:2!important;
        justify-self:start!important;
        margin-top:3px!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-order-details.tj-mobile-collapsed
    .tj-r-edit-link{
        display:none!important;
    }

    /*
     * سربرگ جزئیات هزینه.
     */
    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-mobile-accordion-head{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) 36px!important;
        align-items:center!important;
        gap:8px!important;
        width:100%!important;
        margin:0!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-mobile-accordion-head
    h2{
        margin:0!important;
    }

    /*
     * دکمه فلش.
     */
    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-mobile-accordion-toggle{
        display:grid!important;
        grid-column:2!important;
        grid-row:1!important;
        place-items:center!important;
        justify-self:end!important;
        width:34px!important;
        height:34px!important;
        min-width:34px!important;
        padding:0!important;
        border:1px solid #ceded8!important;
        border-radius:9px!important;
        background:#f5faf8!important;
        color:#08705c!important;
        cursor:pointer!important;
        box-shadow:none!important;
        -webkit-tap-highlight-color:transparent!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-mobile-accordion-toggle:active{
        background:#e9f4f0!important;
        transform:scale(.96)!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-mobile-accordion-chevron{
        display:block!important;
        width:9px!important;
        height:9px!important;
        border-left:2px solid currentColor!important;
        border-bottom:2px solid currentColor!important;
        transform:rotate(-45deg)!important;
        transition:transform .18s ease!important;
    }

    /*
     * وقتی کارت باز است، فلش رو به بالا می‌چرخد.
     */
    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-mobile-accordion-toggle[aria-expanded="true"]
    .tj-r-mobile-accordion-chevron{
        transform:rotate(135deg)!important;
    }

    /*
     * فاصله مناسب محتوا بعد از بازشدن.
     */
    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-mobile-accordion-card:not(.tj-mobile-collapsed)
    > .tj-r-summary-strip,
    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-mobile-accordion-card:not(.tj-mobile-collapsed)
    > dl{
        margin-top:10px!important;
    }
}

/*
 * ORDER_FORM_UI_V45
 * هماهنگ‌سازی محاسبه‌گر و فرم ثبت سفارش.
 */

/* در صفحه ثبت سفارش، مبلغ فقط روی دکمه و خلاصه نمایش داده شود. */
.tj-order-page-calculator
[data-tj-calculator="book"]
.tj-book-total-box,
.tj-order-page-calculator
[data-tj-calculator="print"]
.tj-result-box{
    display:none!important;
}

/* مشخصات منتقل‌شده به فرم، یک‌ستونه و خواناتر باشد. */
.tj-order-form-wrap .tj-order-draft-grid,
.tj-print-order-form-wrap .tj-order-draft-grid{
    grid-template-columns:1fr!important;
}

.tj-order-form-wrap .tj-order-draft-grid > div{
    display:grid!important;
    grid-template-columns:minmax(110px,.75fr) minmax(0,1.25fr)!important;
    align-items:center!important;
    gap:8px!important;
    min-height:40px!important;
    padding:8px 10px!important;
}

.tj-order-form-wrap .tj-order-draft-grid span,
.tj-order-form-wrap .tj-order-draft-grid b{
    min-width:0!important;
    margin:0!important;
}

.tj-order-form-wrap .tj-order-draft-grid b{
    text-align:left!important;
    overflow-wrap:anywhere!important;
}

/* دکمه نهایی فرم، مبلغ نهایی را واضح نمایش دهد. */
.tj-order-form-wrap [data-tj-final-submit]{
    width:100%!important;
    min-height:48px!important;
    padding:12px 16px!important;
    font-size:14px!important;
    line-height:1.65!important;
    text-align:center!important;
}

@media (max-width:700px){

    html.tj-mobile-layout
    .tj-order-form-wrap
    .tj-order-draft-grid > div{
        grid-template-columns:minmax(92px,.7fr) minmax(0,1.3fr)!important;
        min-height:36px!important;
        padding:7px 8px!important;
    }

    html.tj-mobile-layout
    .tj-order-form-wrap
    .tj-order-draft-grid span{
        font-size:11px!important;
    }

    html.tj-mobile-layout
    .tj-order-form-wrap
    .tj-order-draft-grid b{
        font-size:12px!important;
    }
}


/*
 * ORDER_FORM_UI_V46
 * عنوان ساده، خدمات هماهنگ و پیشرفت بارگذاری زیر هر فایل.
 */

.tj-order-page-head.is-simple{
    display:block!important;
    min-height:0!important;
    margin:0 0 14px!important;
    padding:14px 18px!important;
    text-align:right!important;
}

.tj-order-page-head.is-simple h1{
    margin:0!important;
    padding:0!important;
    font-size:26px!important;
    line-height:1.5!important;
}

.tj-order-page-head.is-simple span,
.tj-order-page-head.is-simple p{
    display:none!important;
}

/* خدمات صحافی و خدمات فایل: هم‌اندازه و فشرده. */
.tj-book-service-grid,
html.tj-desktop-layout .tj-book-service-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    align-items:stretch!important;
}

.tj-book-service-grid > .tj-compact-service-card{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    padding:12px!important;
}

.tj-book-service-grid
.tj-compact-service-card
.tj-option-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-content:start!important;
    gap:6px 8px!important;
    width:100%!important;
}

.tj-book-service-grid
.tj-compact-service-card
.tj-check{
    min-width:0!important;
    min-height:34px!important;
    margin:0!important;
    padding:6px 8px!important;
    border-radius:9px!important;
    font-size:12px!important;
    line-height:1.5!important;
}

.tj-book-service-grid
.tj-file-services-grid
.tj-check:last-child{
    grid-column:1/-1!important;
}

/* خط اول: دکمه و نام فایل؛ خط دوم: وضعیت، درصد و نوار. */
.tj-file-picker{
    grid-template-columns:auto minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    row-gap:7px!important;
}

.tj-file-picker-button{
    grid-column:1!important;
    grid-row:1!important;
}

.tj-file-picker-status{
    grid-column:2!important;
    grid-row:1!important;
}

.tj-file-picker-inline-progress{
    display:grid;
    grid-column:1/-1;
    grid-row:2;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:5px 10px;
    width:100%;
    padding:2px 3px 0;
}

.tj-file-picker-inline-progress[hidden]{
    display:none!important;
}

.tj-file-picker-inline-progress-label,
.tj-file-picker-inline-progress-percent{
    color:#17685c;
    font-size:10.5px;
    font-weight:900;
}

.tj-file-picker-inline-progress-track{
    position:relative;
    grid-column:1/-1;
    width:100%;
    height:6px;
    overflow:hidden;
    border-radius:999px;
    background:#dce9e4;
}

.tj-file-picker-inline-progress-track i{
    display:block;
    width:0;
    height:100%;
    border-radius:inherit;
    background:#07816e;
    transition:width .18s ease;
}

.tj-file-picker.is-uploading{
    border-color:#57a99a!important;
    background:#f2fbf8!important;
}

.tj-file-picker.is-uploaded{
    border-color:#74b99b!important;
    background:#effaf3!important;
}

/* نوار کلی قدیمی حذف شود؛ نوار هر فایل استفاده می‌شود. */
.tj-order-form-wrap [data-tj-upload-progress],
.tj-print-order-form-wrap [data-tj-upload-progress]{
    display:none!important;
}

@media (max-width:700px){

    html.tj-mobile-layout
    .tj-order-page-head.is-simple{
        padding:11px 13px!important;
        margin-bottom:10px!important;
    }

    html.tj-mobile-layout
    .tj-order-page-head.is-simple h1{
        font-size:21px!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid{
        grid-template-columns:1fr!important;
        gap:8px!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    .tj-compact-service-card
    .tj-option-grid{
        grid-template-columns:1fr!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    .tj-file-services-grid
    .tj-check:last-child{
        grid-column:auto!important;
    }
}

/*
 * ORDER_FORM_UI_V47_AUTO_UPLOAD
 * وضعیت بارگذاری ناموفق و قفل دکمه ثبت.
 */

.tj-file-picker.is-upload-error{
    border-color:#d98f8f!important;
    background:#fff5f5!important;
}

.tj-file-picker.is-upload-error
.tj-file-picker-status,
.tj-file-picker.is-upload-error
.tj-file-picker-inline-progress-label,
.tj-file-picker.is-upload-error
.tj-file-picker-inline-progress-percent{
    color:#9e2f2f!important;
}

.tj-file-picker.is-upload-error
.tj-file-picker-inline-progress-track{
    background:#f1d7d7!important;
}

.tj-order-form-wrap
[data-tj-final-submit]:disabled,
.tj-print-order-form-wrap
[data-tj-final-submit]:disabled{
    cursor:wait!important;
    opacity:.72!important;
}

/*
 * ORDER_FORM_UI_V48_HEADER_SERVICES
 * سربرگ ساده و چیدمان صحیح خدمات کتاب.
 */

/* فقط عنوان و زیرعنوان در سربرگ محاسبه‌گر باقی بماند. */
.tj-standalone-calculator-head{
    display:block!important;
    margin:0 0 14px!important;
    padding:18px 22px!important;
    text-align:right!important;
}

.tj-standalone-calculator-head > div{
    width:100%!important;
}

.tj-standalone-calculator-head h1{
    margin:0 0 6px!important;
    font-size:29px!important;
    line-height:1.45!important;
}

.tj-standalone-calculator-head p{
    margin:0!important;
    font-size:13px!important;
    line-height:1.9!important;
}

/* دو کارت خدمات در دسکتاپ دقیقاً هم‌اندازه باشند. */
.tj-book-service-grid{
    grid-template-columns:
        repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    align-items:stretch!important;
}

.tj-book-service-grid
> .tj-compact-service-card{
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    padding:16px!important;
    border-radius:15px!important;
}

.tj-book-service-grid
> .tj-compact-service-card h4{
    margin:0 0 9px!important;
    font-size:15px!important;
    line-height:1.7!important;
}

/*
 * گزینه‌ها کنار هم و نزدیک به متن باشند؛
 * فاصله نامناسب میان تیک و عنوان حذف شود.
 */
.tj-book-service-grid
.tj-compact-service-card
.tj-check{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    min-width:0!important;
    min-height:42px!important;
    margin:0!important;
    padding:9px 10px!important;
    border:1px solid #cfe3dc!important;
    border-radius:10px!important;
    background:#f1f8f5!important;
    font-size:13px!important;
    line-height:1.6!important;
    text-align:right!important;
    overflow-wrap:anywhere!important;
}

.tj-book-service-grid
.tj-compact-service-card
.tj-check input{
    flex:0 0 auto!important;
    margin:0!important;
}

/* خدمات صحافی در دو ستون منظم باقی بماند. */
.tj-book-service-grid
.tj-compact-service-card
.tj-bind-services{
    display:grid!important;
    grid-template-columns:
        repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
}

/* خدمات فایل فقط یک ستون داشته باشد. */
.tj-book-service-grid
.tj-compact-service-card
.tj-file-services-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:100%!important;
}

.tj-book-service-grid
.tj-file-services-grid
.tj-check:last-child{
    grid-column:auto!important;
}

/* در موبایل دو کارت زیر یکدیگر قرار بگیرند. */
@media (max-width:760px){

    html.tj-mobile-layout
    .tj-book-service-grid{
        grid-template-columns:1fr!important;
        gap:10px!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    .tj-compact-service-card
    .tj-bind-services,
    html.tj-mobile-layout
    .tj-book-service-grid
    .tj-compact-service-card
    .tj-file-services-grid{
        grid-template-columns:1fr!important;
    }
}

/*
 * ORDER_FORM_UI_V49_COMPACT_SERVICES
 * خدمات جمع‌وجور، بدون کادر رنگی و با پنهان‌سازی صحیح گزینه‌های غیرفعال.
 */

.tj-book-service-grid{
    gap:10px!important;
}

.tj-book-service-grid
> .tj-compact-service-card{
    padding:13px 14px!important;
}

.tj-book-service-grid
> .tj-compact-service-card h4{
    margin:0 0 4px!important;
    font-size:15px!important;
    line-height:1.45!important;
}

.tj-book-service-grid
.tj-compact-service-card
.tj-field-help{
    margin:0 0 5px!important;
    font-size:11.5px!important;
    line-height:1.45!important;
}

.tj-book-service-grid
.tj-compact-service-card
.tj-bind-services,
.tj-book-service-grid
.tj-compact-service-card
.tj-file-services-grid{
    gap:2px 14px!important;
}

/* حذف کادر سبز و پس‌زمینه هر گزینه. */
.tj-book-service-grid
.tj-compact-service-card
.tj-check{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    min-height:0!important;
    margin:0!important;
    padding:3px 0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:14px!important;
    line-height:1.35!important;
}

/* چک‌باکس و رادیو به متن نزدیک بمانند. */
.tj-book-service-grid
.tj-compact-service-card
.tj-check input{
    flex:0 0 auto!important;
    margin:0!important;
}

/*
 * این قانون بعد از V48 قرار می‌گیرد تا display:flex
 * نتواند گزینه‌های دارای hidden را دوباره نمایش دهد.
 */
.tj-book-service-grid
.tj-compact-service-card
.tj-check[hidden],
.tj-book-service-grid
.tj-compact-service-card
.tj-bind-option[hidden],
.tj-book-service-grid
.tj-compact-service-card
[data-bind-service-group][hidden]{
    display:none!important;
}

/* خدمات فایل همچنان یک‌ستونه باقی بماند. */
.tj-book-service-grid
.tj-compact-service-card
.tj-file-services-grid{
    grid-template-columns:1fr!important;
}

@media (max-width:760px){

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-compact-service-card{
        padding:12px!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    .tj-compact-service-card
    .tj-check{
        padding:3px 0!important;
        font-size:14px!important;
        line-height:1.35!important;
    }
}

/*
 * ORDER_FORM_UI_V50_SERVICE_HEIGHT
 * حذف ارتفاع اجباری و فضای خالی کارت‌های خدمات.
 */

.tj-book-service-grid{
    align-items:start!important;
}

.tj-book-service-grid
> .tj-compact-service-card{
    height:auto!important;
    min-height:0!important;
    align-self:start!important;
    align-content:start!important;
    padding:11px 13px!important;
}

.tj-book-service-grid
.tj-compact-service-card
.tj-field-help{
    margin-bottom:3px!important;
}

.tj-book-service-grid
.tj-compact-service-card
.tj-bind-services,
.tj-book-service-grid
.tj-compact-service-card
.tj-file-services-grid{
    align-content:start!important;
    grid-auto-rows:auto!important;
}

.tj-book-service-grid
.tj-compact-service-card
.tj-check{
    min-height:0!important;
    padding:2px 0!important;
    line-height:1.3!important;
}

@media (max-width:760px){

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-compact-service-card{
        height:auto!important;
        min-height:0!important;
        padding:10px 12px!important;
    }
}

/*
 * ORDER_FORM_UI_V51_NARROW_DESKTOP_SCROLL
 * حفظ نمای دسکتاپ در پنجره باریک و اسکرول افقی فقط برای محتوای سفارش.
 */

@media (max-width:1100px){

    /*
     * هدر و بدنه اصلی صفحه ثابت می‌مانند؛
     * فقط بخش محتوای سفارش اسکرول افقی می‌گیرد.
     */
    html.tj-desktop-layout
    .tj-standalone-order-page
    > .tj-section{
        display:block!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        overflow-x:auto!important;
        overflow-y:visible!important;
        direction:rtl!important;
        box-sizing:border-box!important;
        overscroll-behavior-inline:contain!important;
        scrollbar-gutter:stable!important;
        padding-bottom:12px!important;
    }

    /*
     * عرض اصلی فرم حفظ شود تا گریدها و نوشته‌ها له نشوند.
     */
    html.tj-desktop-layout
    .tj-standalone-order-page
    .tj-order-page-container{
        display:block!important;
        width:100%!important;
        min-width:960px!important;
        max-width:1180px!important;
        margin-inline:auto!important;
        direction:rtl!important;
        box-sizing:border-box!important;
    }

    html.tj-desktop-layout
    .tj-order-page-container
    .tj-order-page-grid,
    html.tj-desktop-layout
    .tj-order-page-container
    .tj-order-page-calculator,
    html.tj-desktop-layout
    .tj-order-page-container
    .tj-order-page-form,
    html.tj-desktop-layout
    .tj-order-page-container
    .tj-order-form-wrap{
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        box-sizing:border-box!important;
    }

    /*
     * جلوگیری از شکستن حرف‌به‌حرف متن فارسی در کارت‌ها و فرم.
     */
    html.tj-desktop-layout
    .tj-order-page-container
    label,
    html.tj-desktop-layout
    .tj-order-page-container
    .tj-check,
    html.tj-desktop-layout
    .tj-order-page-container
    p,
    html.tj-desktop-layout
    .tj-order-page-container
    span,
    html.tj-desktop-layout
    .tj-order-page-container
    b,
    html.tj-desktop-layout
    .tj-order-page-container
    strong{
        word-break:normal!important;
        overflow-wrap:normal!important;
    }

    /*
     * نام فایل ممکن است طولانی باشد و مجاز است در چند خط بشکند.
     */
    html.tj-desktop-layout
    .tj-order-page-container
    .tj-file-picker-status{
        word-break:normal!important;
        overflow-wrap:anywhere!important;
    }
}

/*
 * موبایل واقعی همچنان کاملاً واکنش‌گرا و بدون اسکرول اجباری بماند.
 */
@media (max-width:760px){

    html.tj-mobile-layout
    .tj-standalone-order-page
    > .tj-section{
        overflow-x:visible!important;
        padding-bottom:0!important;
        scrollbar-gutter:auto!important;
    }

    html.tj-mobile-layout
    .tj-standalone-order-page
    .tj-order-page-container{
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
    }
}

/*
 * ORDER_FORM_UI_V52_HYBRID_RESPONSIVE
 *
 * ۷۰۱ تا ۱۱۰۰ پیکسل: اسکرول افقی V51 حفظ می‌شود.
 * زیر ۷۰۰ پیکسل: حتی با ماوس دسکتاپ، فرم واکنش‌گرا و تک‌ستونه می‌شود.
 */

@media (max-width:700px){

    /*
     * خنثی‌کردن حداقل عرض و اسکرول اجباری V51 در عرض بسیار کم.
     */
    html.tj-desktop-layout
    .tj-standalone-order-page{
        width:100%!important;
        max-width:100%!important;
        overflow-x:hidden!important;
    }

    html.tj-desktop-layout
    .tj-standalone-order-page
    > .tj-section{
        display:block!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        overflow-x:visible!important;
        overflow-y:visible!important;
        padding-bottom:0!important;
        scrollbar-gutter:auto!important;
    }

    html.tj-desktop-layout
    .tj-standalone-order-page
    .tj-order-page-container{
        display:block!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        margin-inline:auto!important;
        padding-inline:8px!important;
        box-sizing:border-box!important;
    }

    html.tj-desktop-layout
    .tj-order-page-container
    .tj-order-page-grid,
    html.tj-desktop-layout
    .tj-order-page-container
    .tj-order-page-calculator,
    html.tj-desktop-layout
    .tj-order-page-container
    .tj-order-page-form,
    html.tj-desktop-layout
    .tj-order-page-container
    .tj-order-form-wrap{
        display:block!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        box-sizing:border-box!important;
    }

    /*
     * محاسبه‌گر: مشخصات و جمع سفارش زیر یکدیگر قرار بگیرند.
     */
    html.tj-desktop-layout
    .tj-order-page-calculator
    .tj-book-calc-layout{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:12px!important;
        width:100%!important;
        min-width:0!important;
    }

    html.tj-desktop-layout
    .tj-order-page-calculator
    .tj-book-result-panel{
        position:static!important;
        top:auto!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
    }

    /*
     * همه گریدهای اصلی در عرض بسیار کم تک‌ستونه شوند.
     */
    html.tj-desktop-layout
    .tj-order-page-container
    .tj-fields-2,
    html.tj-desktop-layout
    .tj-order-page-container
    .tj-fields-3,
    html.tj-desktop-layout
    .tj-order-page-container
    .tj-fields-4,
    html.tj-desktop-layout
    .tj-order-page-container
    .tj-book-service-grid,
    html.tj-desktop-layout
    .tj-order-page-container
    .tj-bind-services,
    html.tj-desktop-layout
    .tj-order-page-container
    .tj-file-services-grid,
    html.tj-desktop-layout
    .tj-order-page-container
    .tj-order-contact-layout,
    html.tj-desktop-layout
    .tj-order-page-container
    .tj-file-row-3,
    html.tj-desktop-layout
    .tj-order-page-container
    .tj-dynamic-files,
    html.tj-desktop-layout
    .tj-order-page-container
    .tj-order-fulfillment{
        grid-template-columns:1fr!important;
    }

    /*
     * فرم و خلاصه سفارش در دو ستون باقی نمانند.
     */
    html.tj-desktop-layout
    .tj-order-form-wrap
    form[data-tj-order-form],
    html.tj-desktop-layout
    .tj-order-form-wrap
    form[data-tj-print-order-form],
    html.tj-desktop-layout
    .tj-order-form-wrap
    form[data-tj-order-form].has-order-draft,
    html.tj-desktop-layout
    .tj-order-form-wrap
    form[data-tj-print-order-form].has-order-draft{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:12px!important;
        width:100%!important;
        min-width:0!important;
    }

    html.tj-desktop-layout
    .tj-order-form-main,
    html.tj-desktop-layout
    .tj-order-form-wrap
    .tj-order-draft{
        grid-column:1!important;
        grid-row:auto!important;
        position:static!important;
        top:auto!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        box-sizing:border-box!important;
    }

    /*
     * عنوان فیلد بالای ورودی قرار بگیرد تا ستون باریک نشود.
     */
    html.tj-desktop-layout
    .tj-order-contact-fields
    label{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:4px!important;
        width:100%!important;
        min-width:0!important;
    }

    html.tj-desktop-layout
    .tj-order-contact-fields
    label span{
        white-space:normal!important;
    }

    /*
     * ورودی‌ها و کارت‌ها از عرض صفحه بیرون نزنند.
     */
    html.tj-desktop-layout
    .tj-order-page-container input,
    html.tj-desktop-layout
    .tj-order-page-container select,
    html.tj-desktop-layout
    .tj-order-page-container textarea,
    html.tj-desktop-layout
    .tj-order-page-container button,
    html.tj-desktop-layout
    .tj-order-page-container .tj-calc-section,
    html.tj-desktop-layout
    .tj-order-page-container .tj-order-draft,
    html.tj-desktop-layout
    .tj-order-page-container .tj-dynamic-files{
        max-width:100%!important;
        box-sizing:border-box!important;
    }

    html.tj-desktop-layout
    .tj-order-page-container textarea{
        width:100%!important;
    }

    /*
     * انتخاب فایل در یک ستون و نام فایل زیر دکمه.
     */
    html.tj-desktop-layout
    .tj-order-page-container
    .tj-file-picker{
        grid-template-columns:1fr!important;
        grid-template-rows:auto!important;
        width:100%!important;
        min-width:0!important;
    }

    html.tj-desktop-layout
    .tj-order-page-container
    .tj-file-picker-button{
        width:100%!important;
    }

    html.tj-desktop-layout
    .tj-order-page-container
    .tj-file-picker-status{
        width:100%!important;
        min-width:0!important;
        white-space:normal!important;
        overflow-wrap:anywhere!important;
    }

    /*
     * جلوگیری از شکست حرف‌به‌حرف نوشته‌های فارسی.
     */
    html.tj-desktop-layout
    .tj-order-page-container label,
    html.tj-desktop-layout
    .tj-order-page-container p,
    html.tj-desktop-layout
    .tj-order-page-container span,
    html.tj-desktop-layout
    .tj-order-page-container strong,
    html.tj-desktop-layout
    .tj-order-page-container b{
        word-break:normal!important;
    }
}

/*
 * ORDER_FORM_UI_V53_RESPONSIVE_820
 * پنجره‌های دسکتاپ باریک تا ۸۲۰ پیکسل، مانند موبایل تک‌ستونه شوند.
 */

@media (max-width:820px){

    html.tj-desktop-layout
    .tj-standalone-order-page{
        width:100%!important;
        max-width:100%!important;
        overflow-x:hidden!important;
    }

    html.tj-desktop-layout
    .tj-standalone-order-page
    > .tj-section{
        display:block!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        overflow-x:visible!important;
        overflow-y:visible!important;
        padding-bottom:0!important;
        scrollbar-gutter:auto!important;
    }

    html.tj-desktop-layout
    .tj-standalone-order-page
    .tj-order-page-container{
        display:block!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        margin-inline:auto!important;
        padding-inline:8px!important;
        box-sizing:border-box!important;
    }

    html.tj-desktop-layout
    .tj-order-page-container
    .tj-order-page-grid,
    html.tj-desktop-layout
    .tj-order-page-container
    .tj-order-page-calculator,
    html.tj-desktop-layout
    .tj-order-page-container
    .tj-order-page-form,
    html.tj-desktop-layout
    .tj-order-page-container
    .tj-order-form-wrap{
        display:block!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        box-sizing:border-box!important;
    }

    html.tj-desktop-layout
    .tj-order-page-calculator
    .tj-book-calc-layout{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:12px!important;
        width:100%!important;
        min-width:0!important;
    }

    html.tj-desktop-layout
    .tj-order-page-calculator
    .tj-book-result-panel{
        position:static!important;
        top:auto!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
    }

    html.tj-desktop-layout
    .tj-order-page-container
    .tj-fields-2,
    html.tj-desktop-layout
    .tj-order-page-container
    .tj-fields-3,
    html.tj-desktop-layout
    .tj-order-page-container
    .tj-fields-4,
    html.tj-desktop-layout
    .tj-order-page-container
    .tj-book-service-grid,
    html.tj-desktop-layout
    .tj-order-page-container
    .tj-bind-services,
    html.tj-desktop-layout
    .tj-order-page-container
    .tj-file-services-grid,
    html.tj-desktop-layout
    .tj-order-page-container
    .tj-order-contact-layout,
    html.tj-desktop-layout
    .tj-order-page-container
    .tj-file-row-3,
    html.tj-desktop-layout
    .tj-order-page-container
    .tj-dynamic-files,
    html.tj-desktop-layout
    .tj-order-page-container
    .tj-order-fulfillment{
        grid-template-columns:1fr!important;
    }

    html.tj-desktop-layout
    .tj-order-form-wrap
    form[data-tj-order-form],
    html.tj-desktop-layout
    .tj-order-form-wrap
    form[data-tj-print-order-form],
    html.tj-desktop-layout
    .tj-order-form-wrap
    form[data-tj-order-form].has-order-draft,
    html.tj-desktop-layout
    .tj-order-form-wrap
    form[data-tj-print-order-form].has-order-draft{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:12px!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
    }

    html.tj-desktop-layout
    .tj-order-form-main,
    html.tj-desktop-layout
    .tj-order-form-wrap
    .tj-order-draft{
        grid-column:1!important;
        grid-row:auto!important;
        position:static!important;
        top:auto!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        box-sizing:border-box!important;
    }

    html.tj-desktop-layout
    .tj-order-contact-fields
    label{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:4px!important;
        width:100%!important;
        min-width:0!important;
    }

    html.tj-desktop-layout
    .tj-order-contact-fields
    label span{
        white-space:normal!important;
    }

    html.tj-desktop-layout
    .tj-order-page-container input,
    html.tj-desktop-layout
    .tj-order-page-container select,
    html.tj-desktop-layout
    .tj-order-page-container textarea,
    html.tj-desktop-layout
    .tj-order-page-container button,
    html.tj-desktop-layout
    .tj-order-page-container .tj-calc-section,
    html.tj-desktop-layout
    .tj-order-page-container .tj-order-draft,
    html.tj-desktop-layout
    .tj-order-page-container .tj-dynamic-files{
        max-width:100%!important;
        box-sizing:border-box!important;
    }

    html.tj-desktop-layout
    .tj-order-page-container textarea{
        width:100%!important;
    }

    html.tj-desktop-layout
    .tj-order-page-container
    .tj-file-picker{
        grid-template-columns:1fr!important;
        grid-template-rows:auto!important;
        width:100%!important;
        min-width:0!important;
    }

    html.tj-desktop-layout
    .tj-order-page-container
    .tj-file-picker-button{
        width:100%!important;
    }

    html.tj-desktop-layout
    .tj-order-page-container
    .tj-file-picker-status{
        width:100%!important;
        min-width:0!important;
        white-space:normal!important;
        overflow-wrap:anywhere!important;
    }

    html.tj-desktop-layout
    .tj-order-page-container label,
    html.tj-desktop-layout
    .tj-order-page-container p,
    html.tj-desktop-layout
    .tj-order-page-container span,
    html.tj-desktop-layout
    .tj-order-page-container strong,
    html.tj-desktop-layout
    .tj-order-page-container b{
        word-break:normal!important;
    }
}

/*
 * ORDER_FORM_UI_V54_MOBILE_SERVICES_ACCORDION
 * حذف فضای فیلد صفحات رنگی و آکاردئون خدمات در موبایل.
 */

/*
 * وقتی چاپ متن تمام سیاه‌وسفید است،
 * فیلد تعداد صفحات رنگی هیچ فضایی اشغال نکند.
 */
.tj-color-pages-field.is-hidden-space,
.tj-color-pages-field[hidden]{
    display:none!important;
    visibility:hidden!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
}

/* دکمه آکاردئون خارج از موبایل دیده نمی‌شود. */
.tj-mobile-service-accordion-toggle{
    display:none;
}

.tj-mobile-service-accordion-chevron{
    display:none;
}

@media (max-width:760px){

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card{
        overflow:hidden!important;
        transition:
            border-color .18s ease,
            box-shadow .18s ease!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    .tj-mobile-service-accordion-head{
        display:block!important;
        width:100%!important;
        margin:0!important;
        padding:0!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    .tj-mobile-service-accordion-toggle{
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:10px!important;
        width:100%!important;
        min-height:38px!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        background:transparent!important;
        color:#134e54!important;
        font:inherit!important;
        font-size:15px!important;
        font-weight:900!important;
        line-height:1.5!important;
        text-align:right!important;
        cursor:pointer!important;
        box-shadow:none!important;
        appearance:none!important;
        -webkit-appearance:none!important;
        -webkit-tap-highlight-color:transparent!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    .tj-mobile-service-accordion-title{
        flex:1 1 auto!important;
        min-width:0!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    .tj-mobile-service-accordion-chevron{
        display:block!important;
        flex:0 0 auto!important;
        width:9px!important;
        height:9px!important;
        margin-inline:6px!important;
        border-left:2px solid currentColor!important;
        border-bottom:2px solid currentColor!important;
        transform:rotate(-45deg)!important;
        transition:transform .18s ease!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    .tj-mobile-service-accordion-toggle[aria-expanded="true"]
    .tj-mobile-service-accordion-chevron{
        transform:rotate(135deg)!important;
    }

    /*
     * حالت بسته: فقط عنوان کارت و فلش باقی بماند.
     */
    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card.tj-mobile-service-collapsed
    > :not(.tj-mobile-service-accordion-head){
        display:none!important;
    }

    /*
     * حالت باز: فاصله کوتاهی بین عنوان و گزینه‌ها ایجاد شود.
     */
    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card:not(
        .tj-mobile-service-collapsed
    )
    > .tj-mobile-service-accordion-head{
        margin-bottom:5px!important;
    }
}


/*
 * ORDER_SUMMARY_ACCORDION_V57
 * خلاصه سفارش کتاب بالای دکمه ثبت و جزئیات آکاردئونی.
 */
.tj-order-form-wrap form[data-tj-order-form],
.tj-order-form-wrap form[data-tj-order-form].has-order-draft,
html.tj-desktop-layout
.tj-order-form-wrap
form[data-tj-order-form].has-order-draft,
html.tj-mobile-layout
.tj-order-form-wrap
form[data-tj-order-form].has-order-draft{
    grid-template-columns:1fr!important;
}

.tj-order-form-wrap
form[data-tj-order-form]
> .tj-order-form-main{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0;
}

.tj-order-form-wrap
form[data-tj-order-form]
.tj-order-form-main
> .tj-order-draft-inline{
    grid-column:1!important;
    grid-row:auto!important;
    position:static!important;
    top:auto!important;
    width:100%!important;
    max-width:none!important;
    padding:0!important;
    overflow:hidden;
    align-self:stretch!important;
}

.tj-order-draft-inline .tj-order-draft-details{
    display:block;
    width:100%;
}

.tj-order-draft-inline
.tj-order-draft-details
> summary{
    display:grid;
    grid-template-columns:minmax(150px,1fr) auto 22px;
    align-items:center;
    gap:12px;
    padding:13px 14px;
    cursor:pointer;
    list-style:none;
    user-select:none;
    color:#134e54;
}

.tj-order-draft-inline
.tj-order-draft-details
> summary::-webkit-details-marker{
    display:none;
}

.tj-order-draft-inline
.tj-order-draft-details
> summary::after{
    content:"⌄";
    display:flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
    border-radius:999px;
    background:#e6f4ef;
    color:#08756b;
    font-size:17px;
    font-weight:900;
    line-height:1;
    transition:transform .18s ease;
}

.tj-order-draft-inline
.tj-order-draft-details[open]
> summary::after{
    transform:rotate(180deg);
}

.tj-order-draft-inline
.tj-order-draft-details[open]
> summary{
    border-bottom:1px solid #e4ded2;
}

.tj-order-draft-inline
.tj-order-draft-head
> strong{
    font-size:14px;
    line-height:1.7;
    color:#134e54;
}

.tj-order-draft-always{
    display:grid;
    grid-template-columns:repeat(2,minmax(105px,auto));
    gap:8px;
}

.tj-order-draft-always > span{
    display:grid;
    grid-template-columns:auto auto;
    align-items:center;
    gap:6px;
    padding:6px 9px;
    border:1px solid #d4e8e0;
    border-radius:9px;
    background:#fff;
    white-space:nowrap;
}

.tj-order-draft-always small{
    color:#71817d;
    font-size:10.5px;
    font-weight:800;
}

.tj-order-draft-always b{
    color:#075c52;
    font-size:12px;
    font-weight:900;
}

.tj-order-draft-inline
.tj-order-draft-details
> .tj-order-draft-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 18px;
    padding:11px 14px 14px;
}

.tj-order-draft-inline
.tj-order-draft-grid
> div{
    min-height:34px;
    padding:7px 0;
    border-bottom:1px solid #eee7df;
}

@media(max-width:700px){
    .tj-order-draft-inline
    .tj-order-draft-details
    > summary{
        grid-template-columns:1fr 22px;
        gap:9px;
    }

    .tj-order-draft-inline
    .tj-order-draft-head
    > strong{
        grid-column:1;
    }

    .tj-order-draft-always{
        grid-column:1;
        grid-row:2;
        grid-template-columns:repeat(2,minmax(0,1fr));
        width:100%;
    }

    .tj-order-draft-inline
    .tj-order-draft-details
    > summary::after{
        grid-column:2;
        grid-row:1 / span 2;
    }

    .tj-order-draft-always > span{
        grid-template-columns:1fr;
        gap:2px;
        white-space:normal;
    }

    .tj-order-draft-inline
    .tj-order-draft-details
    > .tj-order-draft-grid{
        grid-template-columns:1fr;
    }
}

/*
 * ORDER_SUMMARY_MOBILE_ONLY_V58
 * آکاردئون فقط برای موبایل و فلش هماهنگ.
 */

/* فلش ساده و استاندارد موبایل */
.tj-order-draft-inline
.tj-order-draft-details
> summary::after{
    content:""!important;
    display:block!important;
    width:8px!important;
    height:8px!important;
    border:0!important;
    border-right:2px solid #08756b!important;
    border-bottom:2px solid #08756b!important;
    border-radius:1px!important;
    background:transparent!important;
    transform:rotate(45deg)!important;
    transition:transform .18s ease!important;
    justify-self:center;
    align-self:center;
}

.tj-order-draft-inline
.tj-order-draft-details[open]
> summary::after{
    transform:rotate(225deg)!important;
}

/* دسکتاپ: مشخصات همیشه باز و بدون ظاهر آکاردئون */
@media(min-width:701px){
    .tj-order-draft-inline
    .tj-order-draft-details{
        display:block!important;
    }

    .tj-order-draft-inline
    .tj-order-draft-details
    > summary{
        grid-template-columns:minmax(150px,1fr) auto!important;
        cursor:default!important;
    }

    .tj-order-draft-inline
    .tj-order-draft-details
    > summary::after{
        display:none!important;
        content:none!important;
    }

    .tj-order-draft-inline
    .tj-order-draft-details
    > .tj-order-draft-grid{
        display:grid!important;
    }

    .tj-order-draft-inline
    .tj-order-draft-details
    > summary{
        border-bottom:1px solid #e4ded2!important;
    }
}

/* موبایل: آکاردئون واقعی */
@media(max-width:700px){
    .tj-order-draft-inline
    .tj-order-draft-details
    > summary{
        cursor:pointer!important;
    }

    .tj-order-draft-inline
    .tj-order-draft-details:not([open])
    > .tj-order-draft-grid{
        display:none!important;
    }
}

/*
 * ORDER_SUMMARY_RESPONSIVE_PLACEMENT_V59
 * دسکتاپ: بازگشت خلاصه سفارش به ستون سمت چپ.
 * موبایل: حفظ آکاردئون بالای دکمه ثبت.
 */

@media(min-width:701px){
    .tj-order-form-wrap
    form[data-tj-order-form],
    .tj-order-form-wrap
    form[data-tj-order-form].has-order-draft,
    html.tj-desktop-layout
    .tj-order-form-wrap
    form[data-tj-order-form],
    html.tj-desktop-layout
    .tj-order-form-wrap
    form[data-tj-order-form].has-order-draft{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) 330px!important;
        gap:18px!important;
        align-items:start!important;
    }

    .tj-order-form-wrap
    form[data-tj-order-form]
    > .tj-order-form-main,
    html.tj-desktop-layout
    .tj-order-form-wrap
    form[data-tj-order-form]
    > .tj-order-form-main{
        grid-column:1!important;
        grid-row:1!important;
        min-width:0!important;
    }

    .tj-order-form-wrap
    form[data-tj-order-form]
    > .tj-order-draft,
    html.tj-desktop-layout
    .tj-order-form-wrap
    form[data-tj-order-form]
    > .tj-order-draft{
        grid-column:2!important;
        grid-row:1!important;
        position:sticky!important;
        top:196px!important;
        width:auto!important;
        min-width:0!important;
        max-width:100%!important;
        align-self:start!important;
        padding:13px!important;
        overflow:visible!important;
    }

    .tj-order-form-wrap
    form[data-tj-order-form]
    > .tj-order-draft
    .tj-order-draft-details{
        display:block!important;
    }

    .tj-order-form-wrap
    form[data-tj-order-form]
    > .tj-order-draft
    .tj-order-draft-details
    > summary{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:10px!important;
        padding:0 0 11px!important;
        cursor:default!important;
        border-bottom:1px solid #e4ded2!important;
    }

    .tj-order-form-wrap
    form[data-tj-order-form]
    > .tj-order-draft
    .tj-order-draft-details
    > summary::after{
        display:none!important;
        content:none!important;
    }

    .tj-order-form-wrap
    form[data-tj-order-form]
    > .tj-order-draft
    .tj-order-draft-always{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:8px!important;
        width:100%!important;
    }

    .tj-order-form-wrap
    form[data-tj-order-form]
    > .tj-order-draft
    .tj-order-draft-always
    > span{
        grid-template-columns:1fr!important;
        gap:3px!important;
        white-space:normal!important;
    }

    .tj-order-form-wrap
    form[data-tj-order-form]
    > .tj-order-draft
    .tj-order-draft-details
    > .tj-order-draft-grid{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:0!important;
        padding:10px 0 0!important;
    }
}

@media(max-width:700px){
    .tj-order-form-wrap
    form[data-tj-order-form],
    .tj-order-form-wrap
    form[data-tj-order-form].has-order-draft,
    html.tj-mobile-layout
    .tj-order-form-wrap
    form[data-tj-order-form],
    html.tj-mobile-layout
    .tj-order-form-wrap
    form[data-tj-order-form].has-order-draft{
        grid-template-columns:1fr!important;
    }

    .tj-order-form-wrap
    form[data-tj-order-form]
    .tj-order-form-main
    > .tj-order-draft-inline{
        position:static!important;
        width:100%!important;
        max-width:none!important;
        padding:0!important;
    }
}

/*
 * MOBILE_TEASER_ACCORDIONS_V60
 * فقط موبایل؛ دسکتاپ کاملاً بدون تغییر.
 */
@media (max-width:760px){

    /*
     * خدمات صحافی و خدمات فایل:
     * در حالت بسته، عنوان و بخشی از گزینه‌ها دیده شوند.
     */
    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card{
        position:relative!important;
        height:auto!important;
        max-height:1200px!important;
        overflow:hidden!important;
        transition:
            max-height .28s ease,
            border-color .18s ease,
            box-shadow .18s ease!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    > .tj-field-help{
        display:block!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    > .tj-option-grid{
        display:grid!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    > :not(.tj-mobile-service-accordion-head){
        transition:
            opacity .18s ease,
            filter .18s ease!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
   ::after{
        content:"";
        position:absolute;
        z-index:4;
        right:0;
        bottom:0;
        left:0;
        height:36px;
        border-radius:0 0 13px 13px;
        background:
            linear-gradient(
                to bottom,
                rgba(255,255,255,0),
                rgba(255,255,255,.94) 72%,
                #fff 100%
            );
        opacity:0;
        pointer-events:none;
        transition:opacity .18s ease;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-mobile-service-accordion-chevron{
        transition:transform .2s ease!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-mobile-service-accordion-toggle[
        aria-expanded="false"
    ]
    .tj-mobile-service-accordion-chevron{
        transform:rotate(-45deg)!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-mobile-service-accordion-toggle[
        aria-expanded="true"
    ]
    .tj-mobile-service-accordion-chevron{
        transform:rotate(135deg)!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-mobile-service-accordion-head{
        position:relative;
        z-index:5;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-option-grid{
        position:relative;
        z-index:1;
    }

    /*
     * override حالت بسته قدیمی که تمام محتوا را display:none می‌کرد.
     */
    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-field-help,
    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-option-grid{
        visibility:visible!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-check{
        visibility:visible!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-bind-option[hidden],
    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-check[hidden],
    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    [data-bind-service-group][hidden]{
        display:none!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-empty-bind-note{
        display:block!important;
    }

    /*
     * ارتفاع تیزر طوری تنظیم شده که ابتدای خدمات دیده شود،
     * ولی کارت کامل صفحه را شلوغ نکند.
     */
    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-mobile-service-accordion-head{
        flex:0 0 auto!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    > .tj-option-grid{
        flex:0 0 auto!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    > .tj-field-help{
        flex:0 0 auto!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-mobile-service-accordion-toggle{
        position:relative;
        z-index:6;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-mobile-service-accordion-title{
        pointer-events:none;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-mobile-service-accordion-chevron{
        pointer-events:none;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-field-help{
        opacity:1!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-option-grid{
        opacity:1!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-check{
        opacity:1!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-mobile-service-accordion-head{
        margin-bottom:5px!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-mobile-service-accordion-toggle{
        min-height:38px!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-option-grid{
        padding-bottom:8px!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    > .tj-field-help{
        padding-bottom:1px!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    > .tj-mobile-service-accordion-head{
        padding-bottom:0!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-mobile-service-accordion-toggle:focus-visible{
        outline:2px solid #08756b!important;
        outline-offset:3px!important;
        border-radius:7px!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-mobile-service-accordion-toggle:active{
        transform:none!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-mobile-service-accordion-toggle:hover{
        background:transparent!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-mobile-service-accordion-toggle:focus{
        background:transparent!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-mobile-service-accordion-toggle{
        box-shadow:none!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-mobile-service-accordion-head{
        border:0!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-mobile-service-accordion-title{
        color:#134e54!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-mobile-service-accordion-chevron{
        color:#08756b!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-mobile-service-accordion-toggle[
        aria-expanded="false"
    ]{
        cursor:pointer!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-mobile-service-accordion-toggle[
        aria-expanded="true"
    ]{
        cursor:pointer!important;
    }

    /*
     * حالت بسته نیمه‌باز.
     */
    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card.tj-mobile-service-collapsed{
        max-height:140px!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card.tj-mobile-service-collapsed
    > :not(.tj-mobile-service-accordion-head){
        pointer-events:none!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card.tj-mobile-service-collapsed
    ::selection{
        background:transparent;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card.tj-mobile-service-collapsed
    ::-moz-selection{
        background:transparent;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card.tj-mobile-service-collapsed
    ::after{
        opacity:1;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card:not(
        .tj-mobile-service-collapsed
    ){
        max-height:1200px!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card:not(
        .tj-mobile-service-collapsed
    )
    ::after{
        opacity:0;
    }

    /*
     * خلاصه مشخصات سفارش:
     * details در موبایل باز نگه داشته می‌شود، ولی محتوای آن بریده می‌شود.
     */
    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details{
        position:relative!important;
        overflow:hidden!important;
    }

    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details
    > .tj-order-draft-grid{
        display:grid!important;
        position:relative!important;
        overflow:hidden!important;
        max-height:1200px!important;
        transition:max-height .28s ease!important;
    }

    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details
    ::after{
        content:"";
        position:absolute;
        z-index:4;
        right:0;
        bottom:0;
        left:0;
        height:34px;
        background:
            linear-gradient(
                to bottom,
                rgba(255,248,244,0),
                rgba(255,248,244,.96) 74%,
                #fff8f4 100%
            );
        opacity:0;
        pointer-events:none;
        transition:opacity .18s ease;
    }

    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details.tj-mobile-summary-teaser-collapsed
    > .tj-order-draft-grid{
        max-height:62px!important;
        pointer-events:none!important;
    }

    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details.tj-mobile-summary-teaser-collapsed
    ::after{
        opacity:1;
    }

    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details.tj-mobile-summary-teaser-collapsed
    > summary::after{
        transform:rotate(45deg)!important;
    }

    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details:not(
        .tj-mobile-summary-teaser-collapsed
    )
    > summary::after{
        transform:rotate(225deg)!important;
    }
}

/*
 * MOBILE_TEASER_VISIBILITY_V61
 * فقط موبایل:
 * تیتر و فلش کاملاً واضح، گزینه اول کامل و گزینه دوم نیمه‌محو.
 */
@media (max-width:760px){

    /*
     * خدمات صحافی و خدمات فایل
     * ----------------------------------------
     */

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card{
        --tj-mobile-teaser-height:154px;
        position:relative!important;
        isolation:isolate;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-bind-services-wrap.tj-mobile-service-accordion-card{
        --tj-mobile-teaser-height:180px;
    }

    /*
     * قانون V60 به‌اشتباه pseudo-element تمام فرزندان را هدف می‌گرفت.
     * همه آن‌ها خنثی می‌شوند و محوشدگی فقط روی خود کارت قرار می‌گیرد.
     */
    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    *::after{
        content:none!important;
        display:none!important;
        position:static!important;
        width:auto!important;
        height:auto!important;
        opacity:1!important;
        background:none!important;
        border:0!important;
        transform:none!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card::after{
        content:""!important;
        display:block!important;
        position:absolute!important;
        z-index:3!important;
        right:0!important;
        bottom:0!important;
        left:0!important;
        width:auto!important;
        height:42px!important;
        border:0!important;
        border-radius:0 0 13px 13px!important;
        background:
            linear-gradient(
                to bottom,
                rgba(255,255,255,0) 0%,
                rgba(255,255,255,.76) 52%,
                #fff 96%
            )!important;
        opacity:0!important;
        transform:none!important;
        pointer-events:none!important;
        transition:opacity .18s ease!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    > .tj-mobile-service-accordion-head{
        position:relative!important;
        z-index:6!important;
        display:block!important;
        flex:0 0 auto!important;
        min-height:38px!important;
        margin:0 0 5px!important;
        padding:0!important;
        opacity:1!important;
        filter:none!important;
        background:transparent!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-mobile-service-accordion-toggle{
        position:relative!important;
        z-index:7!important;
        display:flex!important;
        min-height:38px!important;
        opacity:1!important;
        visibility:visible!important;
        filter:none!important;
        color:#134e54!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-mobile-service-accordion-title{
        display:block!important;
        opacity:1!important;
        visibility:visible!important;
        filter:none!important;
        color:#134e54!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-mobile-service-accordion-chevron{
        display:block!important;
        position:relative!important;
        z-index:8!important;
        flex:0 0 auto!important;
        width:9px!important;
        height:9px!important;
        margin-inline:6px!important;
        border:0!important;
        border-left:2px solid #08756b!important;
        border-bottom:2px solid #08756b!important;
        border-radius:0!important;
        background:transparent!important;
        opacity:1!important;
        visibility:visible!important;
        filter:none!important;
        transition:transform .18s ease!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-mobile-service-accordion-toggle[aria-expanded="false"]
    .tj-mobile-service-accordion-chevron{
        transform:rotate(-45deg)!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-mobile-service-accordion-toggle[aria-expanded="true"]
    .tj-mobile-service-accordion-chevron{
        transform:rotate(135deg)!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    > .tj-field-help,
    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    > .tj-option-grid{
        position:relative!important;
        z-index:1!important;
        display:grid!important;
        visibility:visible!important;
        opacity:1!important;
        filter:none!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    > .tj-field-help{
        display:block!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card.tj-mobile-service-collapsed{
        height:auto!important;
        max-height:var(--tj-mobile-teaser-height)!important;
        overflow:hidden!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card.tj-mobile-service-collapsed
    > :not(.tj-mobile-service-accordion-head){
        display:grid!important;
        visibility:visible!important;
        opacity:1!important;
        filter:none!important;
        pointer-events:none!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card.tj-mobile-service-collapsed
    > .tj-field-help{
        display:block!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card.tj-mobile-service-collapsed::after{
        opacity:1!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card:not(
        .tj-mobile-service-collapsed
    ){
        max-height:1200px!important;
        overflow:hidden!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card:not(
        .tj-mobile-service-collapsed
    )::after{
        opacity:0!important;
    }

    /*
     * گزینه‌های واقعاً مخفی‌شده بر اساس نوع صحافی
     * همچنان نباید نمایش داده شوند.
     */
    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-bind-option[hidden],
    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-check[hidden],
    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    [data-bind-service-group][hidden]{
        display:none!important;
    }

    /*
     * مشخصات سفارش کتاب
     * ----------------------------------------
     */

    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details{
        position:relative!important;
        isolation:isolate;
        overflow:hidden!important;
    }

    /*
     * pseudo-elementهای داخل ردیف‌های مشخصات خنثی شوند.
     */
    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details
    > .tj-order-draft-grid
    *::after{
        content:none!important;
        display:none!important;
        position:static!important;
        opacity:1!important;
        background:none!important;
    }

    /*
     * محوشدگی فقط روی خود details اعمال شود.
     */
    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details::after{
        content:""!important;
        display:block!important;
        position:absolute!important;
        z-index:3!important;
        right:0!important;
        bottom:0!important;
        left:0!important;
        width:auto!important;
        height:32px!important;
        border:0!important;
        border-radius:0 0 14px 14px!important;
        background:
            linear-gradient(
                to bottom,
                rgba(255,248,244,0) 0%,
                rgba(255,248,244,.78) 50%,
                #fff8f4 96%
            )!important;
        opacity:0!important;
        transform:none!important;
        pointer-events:none!important;
        transition:opacity .18s ease!important;
    }

    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details
    > summary{
        position:relative!important;
        z-index:6!important;
        opacity:1!important;
        visibility:visible!important;
        filter:none!important;
    }

    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details
    > summary
    > strong,
    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details
    .tj-order-draft-always{
        position:relative!important;
        z-index:7!important;
        opacity:1!important;
        visibility:visible!important;
        filter:none!important;
    }

    /*
     * فلش مشخصات سفارش با استایل واضح و مستقل از fade.
     */
    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details
    > summary::after{
        content:""!important;
        display:block!important;
        position:static!important;
        z-index:8!important;
        justify-self:center!important;
        align-self:center!important;
        width:9px!important;
        height:9px!important;
        border:0!important;
        border-right:2px solid #08756b!important;
        border-bottom:2px solid #08756b!important;
        border-radius:0!important;
        background:transparent!important;
        opacity:1!important;
        visibility:visible!important;
        filter:none!important;
        transition:transform .18s ease!important;
    }

    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details.tj-mobile-summary-teaser-collapsed
    > summary::after{
        transform:rotate(45deg)!important;
    }

    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details:not(
        .tj-mobile-summary-teaser-collapsed
    )
    > summary::after{
        transform:rotate(225deg)!important;
    }

    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details
    > .tj-order-draft-grid{
        position:relative!important;
        z-index:1!important;
        display:grid!important;
        overflow:hidden!important;
        opacity:1!important;
        visibility:visible!important;
        filter:none!important;
        max-height:1200px!important;
        transition:max-height .28s ease!important;
    }

    /*
     * ردیف اول کامل حدود 34px است؛
     * 64px باعث نمایش کامل ردیف اول و بخشی از ردیف دوم می‌شود.
     */
    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details.tj-mobile-summary-teaser-collapsed
    > .tj-order-draft-grid{
        max-height:64px!important;
        pointer-events:none!important;
    }

    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details.tj-mobile-summary-teaser-collapsed::after{
        opacity:1!important;
    }

    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details:not(
        .tj-mobile-summary-teaser-collapsed
    )::after{
        opacity:0!important;
    }
}

/*
 * MOBILE_TEASER_FINAL_V62
 * اصلاح نهایی تیزر آکاردئون فقط در موبایل.
 */
@media (max-width:760px){

    /*
     * خدمات صحافی و خدمات فایل
     * تیتر و فلش ثابت؛ گزینه اول کامل و گزینه دوم نیمه‌نمایان.
     */
    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card{
        --tj-mobile-teaser-height:118px;
        position:relative!important;
        isolation:isolate!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-bind-services-wrap.tj-mobile-service-accordion-card{
        --tj-mobile-teaser-height:138px;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card.tj-mobile-service-collapsed{
        height:auto!important;
        max-height:var(--tj-mobile-teaser-height)!important;
        overflow:hidden!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    > .tj-mobile-service-accordion-head{
        position:relative!important;
        z-index:20!important;
        min-height:38px!important;
        margin:0 0 4px!important;
        opacity:1!important;
        visibility:visible!important;
        filter:none!important;
        background:#fff!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-mobile-service-accordion-toggle{
        position:relative!important;
        z-index:21!important;
        min-height:38px!important;
        opacity:1!important;
        visibility:visible!important;
        filter:none!important;
        color:#134e54!important;
        background:#fff!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-mobile-service-accordion-title{
        opacity:1!important;
        visibility:visible!important;
        filter:none!important;
        color:#134e54!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-mobile-service-accordion-chevron{
        display:block!important;
        position:relative!important;
        z-index:22!important;
        width:9px!important;
        height:9px!important;
        flex:0 0 9px!important;
        margin-inline:6px!important;
        border:0!important;
        border-left:2px solid #08756b!important;
        border-bottom:2px solid #08756b!important;
        border-radius:0!important;
        opacity:1!important;
        visibility:visible!important;
        filter:none!important;
        background:transparent!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-mobile-service-accordion-toggle[aria-expanded="false"]
    .tj-mobile-service-accordion-chevron{
        transform:rotate(-45deg)!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-mobile-service-accordion-toggle[aria-expanded="true"]
    .tj-mobile-service-accordion-chevron{
        transform:rotate(135deg)!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    > .tj-field-help,
    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    > .tj-option-grid{
        position:relative!important;
        z-index:2!important;
        visibility:visible!important;
        opacity:1!important;
        filter:none!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card.tj-mobile-service-collapsed
    > :not(.tj-mobile-service-accordion-head){
        visibility:visible!important;
        opacity:1!important;
        filter:none!important;
        pointer-events:none!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card.tj-mobile-service-collapsed
    > .tj-field-help{
        display:block!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card.tj-mobile-service-collapsed
    > .tj-option-grid{
        display:grid!important;
    }

    /*
     * تنها محوشدگی معتبر خدمات روی انتهای خود کارت است.
     */
    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card::after{
        content:""!important;
        display:block!important;
        position:absolute!important;
        z-index:12!important;
        right:0!important;
        bottom:0!important;
        left:0!important;
        width:auto!important;
        height:30px!important;
        border:0!important;
        border-radius:0 0 13px 13px!important;
        background:
            linear-gradient(
                to bottom,
                rgba(255,255,255,0) 0%,
                rgba(255,255,255,.72) 48%,
                #fff 96%
            )!important;
        opacity:0!important;
        transform:none!important;
        pointer-events:none!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card.tj-mobile-service-collapsed::after{
        opacity:1!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card:not(
        .tj-mobile-service-collapsed
    )::after{
        opacity:0!important;
    }

    /*
     * گزینه‌هایی که واقعاً بر اساس نوع صحافی hidden هستند،
     * همچنان مخفی بمانند.
     */
    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-bind-option[hidden],
    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-check[hidden],
    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    [data-bind-service-group][hidden]{
        display:none!important;
    }

    /*
     * مشخصات سفارش کتاب
     * حذف pseudo-elementهای اشتباه که روی تیتر و متن افتاده‌اند.
     */
    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details
    *::after{
        content:none!important;
        display:none!important;
        position:static!important;
        width:auto!important;
        height:auto!important;
        border:0!important;
        background:none!important;
        opacity:1!important;
        transform:none!important;
    }

    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details{
        position:relative!important;
        isolation:isolate!important;
        overflow:hidden!important;
    }

    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details
    > summary{
        position:relative!important;
        z-index:20!important;
        opacity:1!important;
        visibility:visible!important;
        filter:none!important;
        background:#fff8f4!important;
    }

    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details
    > summary
    > strong{
        position:relative!important;
        z-index:21!important;
        display:block!important;
        opacity:1!important;
        visibility:visible!important;
        filter:none!important;
        color:#134e54!important;
    }

    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details
    .tj-order-draft-always,
    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details
    .tj-order-draft-always
    > span,
    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details
    .tj-order-draft-always
    small,
    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details
    .tj-order-draft-always
    b{
        position:relative!important;
        z-index:21!important;
        opacity:1!important;
        visibility:visible!important;
        filter:none!important;
    }

    /*
     * بازگرداندن فلش مشخصات پس از خنثی‌سازی همه pseudo-elementها.
     */
    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details
    > summary::after{
        content:""!important;
        display:block!important;
        position:static!important;
        z-index:22!important;
        justify-self:center!important;
        align-self:center!important;
        width:9px!important;
        height:9px!important;
        border:0!important;
        border-right:2px solid #08756b!important;
        border-bottom:2px solid #08756b!important;
        border-radius:0!important;
        background:transparent!important;
        opacity:1!important;
        visibility:visible!important;
        filter:none!important;
    }

    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details.tj-mobile-summary-teaser-collapsed
    > summary::after{
        transform:rotate(45deg)!important;
    }

    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details:not(
        .tj-mobile-summary-teaser-collapsed
    )
    > summary::after{
        transform:rotate(225deg)!important;
    }

    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details
    > .tj-order-draft-grid{
        position:relative!important;
        z-index:2!important;
        display:grid!important;
        overflow:hidden!important;
        opacity:1!important;
        visibility:visible!important;
        filter:none!important;
        max-height:1200px!important;
    }

    /*
     * ردیف اول کامل و حدود نیم ردیف دوم.
     */
    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details.tj-mobile-summary-teaser-collapsed
    > .tj-order-draft-grid{
        max-height:56px!important;
        pointer-events:none!important;
    }

    /*
     * محوشدگی فقط در انتهای کل details؛
     * تیتر و باکس‌های قطع/تیراژ بالاتر از آن هستند.
     */
    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details::after{
        content:""!important;
        display:block!important;
        position:absolute!important;
        z-index:12!important;
        right:0!important;
        bottom:0!important;
        left:0!important;
        width:auto!important;
        height:26px!important;
        border:0!important;
        border-radius:0 0 14px 14px!important;
        background:
            linear-gradient(
                to bottom,
                rgba(255,248,244,0) 0%,
                rgba(255,248,244,.76) 50%,
                #fff8f4 96%
            )!important;
        opacity:0!important;
        transform:none!important;
        pointer-events:none!important;
    }

    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details.tj-mobile-summary-teaser-collapsed::after{
        opacity:1!important;
    }

    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details:not(
        .tj-mobile-summary-teaser-collapsed
    )::after{
        opacity:0!important;
    }
}

/*
 * MOBILE_TEASER_HEIGHT_TUNING_V63
 * تنظیم دقیق ارتفاع حالت بسته فقط در موبایل:
 * مورد اول کامل و مورد دوم نیمه‌نمایان.
 */
@media (max-width:760px){

    /*
     * خدمات فایل:
     * عنوان + گزینه اول کامل + بخشی از گزینه دوم.
     */
    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card{
        --tj-mobile-teaser-height:92px!important;
    }

    /*
     * خدمات صحافی یک توضیح کمکی نیز دارد،
     * بنابراین ارتفاع بسته کمی بیشتر است.
     */
    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-bind-services-wrap.tj-mobile-service-accordion-card{
        --tj-mobile-teaser-height:116px!important;
    }

    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card.tj-mobile-service-collapsed{
        max-height:var(--tj-mobile-teaser-height)!important;
    }

    /*
     * محوشدگی کوتاه‌تر تا گزینه اول پوشانده نشود
     * و فقط بخش پایینی گزینه دوم محو شود.
     */
    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card::after{
        height:24px!important;
        background:
            linear-gradient(
                to bottom,
                rgba(255,255,255,0) 0%,
                rgba(255,255,255,.64) 48%,
                #fff 100%
            )!important;
    }

    /*
     * مشخصات سفارش:
     * ردیف اول کامل و حدود نیمه بالایی ردیف دوم.
     */
    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details.tj-mobile-summary-teaser-collapsed
    > .tj-order-draft-grid{
        max-height:80px!important;
    }

    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details::after{
        height:24px!important;
        background:
            linear-gradient(
                to bottom,
                rgba(255,248,244,0) 0%,
                rgba(255,248,244,.66) 48%,
                #fff8f4 100%
            )!important;
    }

    /*
     * تیترها و فلش‌ها همیشه بالاتر از fade باقی بمانند.
     */
    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    > .tj-mobile-service-accordion-head,
    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-mobile-service-accordion-toggle,
    html.tj-mobile-layout
    .tj-book-service-grid
    > .tj-mobile-service-accordion-card
    .tj-mobile-service-accordion-chevron,
    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details
    > summary,
    html.tj-mobile-layout
    .tj-order-draft-inline
    .tj-order-draft-details
    > summary::after{
        opacity:1!important;
        visibility:visible!important;
        filter:none!important;
    }
}

/*
 * RECEIPT_UI_V64_MOBILE_TEASER_ACTIONS
 * تیزر نیمه‌باز آکاردئون‌های رسید در موبایل و چیدمان عمودی دکمه‌ها.
 */

.tj-r-payment-confirm-action
> .tj-r-payment-primary{
    display:block!important;
    width:100%!important;
    box-sizing:border-box!important;
}

.tj-r-payment-confirm-action
> .tj-r-payment-edit{
    display:block!important;
    width:100%!important;
    min-height:38px!important;
    margin-top:8px!important;
    padding:9px 18px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(18,57,139,.30)!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#12398b!important;
    font-size:13px!important;
    font-weight:850!important;
    line-height:1.55!important;
    text-decoration:none!important;
    box-shadow:none!important;
}

.tj-r-payment-confirm-action
> .tj-r-payment-edit:hover{
    border-color:#12398b!important;
    background:#f4f7ff!important;
    color:#0e2e72!important;
}

@media (max-width:760px){

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-order-details.tj-mobile-collapsed
    > .tj-r-summary-strip{
        display:grid!important;
        margin-top:10px!important;
        opacity:1!important;
        visibility:visible!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-order-details.tj-mobile-collapsed
    > .tj-r-specs{
        display:grid!important;
        position:relative!important;
        max-height:52px!important;
        margin-top:8px!important;
        overflow:hidden!important;
        opacity:1!important;
        visibility:visible!important;
        pointer-events:none!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-order-details.tj-mobile-collapsed
    > .tj-r-specs::after{
        content:""!important;
        display:block!important;
        position:absolute!important;
        z-index:5!important;
        right:0!important;
        bottom:0!important;
        left:0!important;
        height:22px!important;
        background:
            linear-gradient(
                to bottom,
                rgba(255,255,255,0) 0%,
                rgba(255,255,255,.68) 52%,
                #fff 100%
            )!important;
        pointer-events:none!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-order-details.tj-mobile-collapsed
    > .tj-r-order-description,
    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-order-details.tj-mobile-collapsed
    > .tj-r-subsections-row{
        display:none!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-price.tj-mobile-collapsed
    > dl{
        display:grid!important;
        position:relative!important;
        max-height:38px!important;
        margin-top:10px!important;
        overflow:hidden!important;
        opacity:1!important;
        visibility:visible!important;
        pointer-events:none!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-price.tj-mobile-collapsed
    > dl::after{
        content:""!important;
        display:block!important;
        position:absolute!important;
        z-index:5!important;
        right:0!important;
        bottom:0!important;
        left:0!important;
        height:19px!important;
        background:
            linear-gradient(
                to bottom,
                rgba(255,255,255,0) 0%,
                rgba(255,255,255,.70) 52%,
                #fff 100%
            )!important;
        pointer-events:none!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-price.tj-mobile-collapsed
    > .tj-r-final{
        display:block!important;
        margin-top:10px!important;
        opacity:1!important;
        visibility:visible!important;
    }

    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-mobile-accordion-card
    .tj-r-card-title-row,
    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-mobile-accordion-card
    .tj-r-mobile-accordion-head,
    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-mobile-accordion-card
    .tj-r-mobile-accordion-toggle,
    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-mobile-accordion-card
    .tj-r-mobile-accordion-chevron{
        opacity:1!important;
        visibility:visible!important;
        filter:none!important;
    }
}

/*
 * RECEIPT_UI_V65_SUMMARY_LINE_FIX
 * حذف خط افقی قدیمی بالای «نوع سفارش» در خلاصه دو ستونه موبایل.
 */
@media (max-width:760px){
    html.tj-mobile-layout
    .tj-receipt-v37
    .tj-r-summary-strip
    > div{
        border-top:0!important;
    }
}


/* TJ_FULFILLMENT_PANELS_READONLY_V1 */

.tj-account-fulfillments {
    margin-top: 24px;
}

.tj-fulfillment-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 10px 0 14px;
}

.tj-fulfillment-filters a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 5px 12px;
    border: 1px solid rgba(10, 35, 62, .15);
    border-radius: 999px;
    background: #fff;
    text-decoration: none;
    color: inherit;
    font-size: 13px;
}

.tj-fulfillment-filters a.is-active {
    font-weight: 700;
    box-shadow: inset 0 0 0 1px currentColor;
}

.tj-fulfillment-ershad-note {
    margin: 12px 0;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(10, 35, 62, .055);
    line-height: 1.9;
}

.tj-fulfillment-table-wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.tj-fulfillment-table {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
}

.tj-fulfillment-table th,
.tj-fulfillment-table td {
    padding: 10px 9px;
    vertical-align: top;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    text-align: right;
    line-height: 1.75;
}

.tj-fulfillment-table th {
    white-space: nowrap;
}

@media (max-width: 768px) {
    .tj-fulfillment-filters {
        gap: 5px;
    }

    .tj-fulfillment-filters a {
        padding-inline: 10px;
        font-size: 12px;
    }
}

/* TJ_PACKAGING_SIMPLIFIED_UI_V1 */

.tj-order-fulfillment{
    display:block;
    padding:16px;
    border:1px solid #d9e5df;
    border-radius:12px;
    background:#f4faf7;
}

.tj-fulfillment-head{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:12px;
    position:relative;
}

.tj-fulfillment-head > strong{
    color:#134e54;
    font-size:15px;
}

.tj-fulfillment-info{
    position:relative;
}

.tj-fulfillment-info > summary{
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
    padding:0;
    border:1px solid #9fc9c0;
    border-radius:50%;
    background:#fff;
    color:#08756b;
    font-family:Arial,sans-serif;
    font-size:13px;
    line-height:1;
    font-weight:900;
    cursor:pointer;
    user-select:none;
}

.tj-fulfillment-info > summary::-webkit-details-marker{
    display:none;
}

.tj-fulfillment-info-popover{
    position:absolute;
    z-index:40;
    top:30px;
    right:0;
    width:min(390px,calc(100vw - 48px));
    padding:12px 14px;
    border:1px solid #cfe4dc;
    border-radius:12px;
    background:#fff;
    box-shadow:0 12px 32px rgba(34,70,63,.15);
    color:#36504d;
    font-size:12px;
    line-height:1.9;
}

.tj-fulfillment-info-popover p{
    margin:0 0 7px!important;
    color:#36504d!important;
}

.tj-fulfillment-info-popover p:last-child{
    margin-bottom:0!important;
}

.tj-fulfillment-row{
    display:grid!important;
    grid-template-columns:
        minmax(220px,1.25fr)
        minmax(120px,.45fr);
    gap:14px;
    margin-top:12px;
    padding:16px;
    border:1px solid #d3e2dc;
    border-radius:12px;
    background:#fff;
}

.tj-fulfillment-row label{
    margin:0;
}

.tj-fulfillment-recipient{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:
        repeat(2,minmax(0,1fr));
    gap:14px;
}

.tj-fulfillment-address-field{
    grid-column:1/-1;
}

.tj-fulfillment-address-field textarea{
    min-height:92px;
    resize:vertical;
}

.tj-fulfillment-courier-mode{
    grid-column:1/2;
    max-width:360px;
}

.tj-fulfillment-row-estimate{
    grid-column:1/-1;
    padding:9px 11px;
    border-radius:8px;
    background:#f7fbf9;
    line-height:1.8;
}

.tj-remove-fulfillment{
    grid-column:1/-1;
    justify-self:start;
    background:#fff!important;
    color:#8e4b40!important;
    border:1px solid #e6c9c2!important;
    box-shadow:none!important;
}

.tj-add-fulfillment{
    margin-top:12px;
}

.tj-fulfillment-balance{
    margin-top:10px!important;
}

.tj-order-fulfillment
.tj-package-estimate{
    margin-top:12px;
}

.tj-order-fulfillment-single
.tj-fulfillment-row{
    grid-template-columns:minmax(220px,1fr);
}

.tj-order-fulfillment-single
.tj-fulfillment-recipient{
    grid-template-columns:
        repeat(2,minmax(0,1fr));
}

.tj-order-fulfillment-single
.tj-fulfillment-courier-mode{
    grid-column:1;
}

.tj-pricing-admin
.tj-carton-table select{
    min-width:105px;
}

@media(max-width:700px){
    .tj-order-fulfillment{
        padding:12px;
    }

    .tj-fulfillment-row,
    .tj-order-fulfillment-single
    .tj-fulfillment-row{
        grid-template-columns:1fr!important;
        gap:12px;
        padding:12px;
    }

    .tj-fulfillment-recipient,
    .tj-order-fulfillment-single
    .tj-fulfillment-recipient{
        grid-column:1;
        grid-template-columns:1fr;
        gap:12px;
    }

    .tj-fulfillment-address-field,
    .tj-fulfillment-courier-mode,
    .tj-fulfillment-row-estimate,
    .tj-remove-fulfillment{
        grid-column:1;
        max-width:none;
    }

    .tj-fulfillment-info-popover{
        right:auto;
        left:-8px;
        width:min(330px,calc(100vw - 36px));
    }
}

/* TJ_FULFILLMENT_ACCORDION_V3 */

/*
 * hidden باید بر تمام layoutهای قدیمی غالب باشد.
 */
.tj-order-fulfillment [hidden],
.tj-fulfillment-row [hidden]{
    display:none!important;
}


/* بخش کلی ارسال */
.tj-order-fulfillment{
    display:block!important;
    padding:14px!important;
}

.tj-fulfillment-head{
    margin-bottom:8px!important;
}


/* کارت مقصد */
.tj-fulfillment-row{
    display:block!important;
    margin-top:10px!important;
    padding:12px!important;
    border:1px solid #d3e2dc!important;
    border-radius:11px!important;
    background:#fff!important;
}


/*
 * حالت ویرایش:
 * ستون اول همه فیلدها
 * ستون دوم فقط آدرس
 */
.tj-fulfillment-editor{
    display:grid;
    grid-template-columns:
        minmax(0,.9fr)
        minmax(0,1.1fr);
    gap:12px 16px;
    align-items:start;
}

.tj-fulfillment-primary-column{
    display:grid;
    gap:8px;
    min-width:0;
}


/* عنوان کنار ورودی */
.tj-fulfillment-field{
    display:grid!important;
    grid-template-columns:
        88px
        minmax(0,1fr);
    gap:7px!important;
    align-items:center;
    margin:0!important;
    min-width:0;
}

.tj-fulfillment-field > span{
    margin:0!important;
    line-height:1.45;
    font-size:11px;
}

.tj-fulfillment-field input,
.tj-fulfillment-field select,
.tj-fulfillment-field textarea{
    min-width:0;
    width:100%;
    margin:0!important;
}


/* ستون آدرس */
.tj-fulfillment-address-column{
    min-width:0;
}

.tj-fulfillment-address-field{
    grid-template-columns:
        70px
        minmax(0,1fr);
    align-items:start;
}

.tj-fulfillment-address-field > span{
    padding-top:9px;
}

.tj-fulfillment-address-field textarea{
    height:174px;
    min-height:174px;
    resize:vertical;
}


/*
 * باربری/اتوبوس و ارشاد ستون دوم ندارند.
 */
.tj-fulfillment-row.is-city-only
.tj-fulfillment-editor,
.tj-fulfillment-row.is-ershad
.tj-fulfillment-editor{
    grid-template-columns:
        minmax(0,430px);
}


/* نتیجه و اکشن‌ها */
.tj-fulfillment-row-estimate{
    grid-column:1/-1!important;
    margin:0!important;
    padding:7px 9px!important;
    border-radius:7px;
    font-size:11px!important;
    line-height:1.7!important;
}

.tj-fulfillment-row-estimate.is-error{
    background:#fff5f2!important;
    color:#9b4234!important;
}

.tj-fulfillment-editor-actions{
    grid-column:1/-1;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:7px;
    margin-top:1px;
}

.tj-confirm-fulfillment{
    min-height:34px!important;
    padding:7px 16px!important;
    border-radius:9px!important;
    font-size:12px!important;
}


/* آیکن ویرایش / حذف */
.tj-compact-form
.tj-fulfillment-icon-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    padding:0!important;
    margin:0!important;
    border-radius:8px!important;
    border:1px solid #cfe0da!important;
    background:#fff!important;
    box-shadow:none!important;
    font-family:Arial,sans-serif!important;
    font-size:16px!important;
    font-weight:700!important;
    line-height:1!important;
    cursor:pointer;
}

.tj-compact-form
.tj-fulfillment-icon-button.is-edit{
    color:#08756b!important;
}

.tj-compact-form
.tj-fulfillment-icon-button.is-delete{
    color:#a5483d!important;
    border-color:#ead0ca!important;
}

.tj-compact-form
.tj-fulfillment-icon-button:hover{
    background:#f5faf8!important;
}


/* مقصد تأییدشده */
.tj-fulfillment-row.is-confirmed{
    padding:0!important;
    border-color:#cbded7!important;
    overflow:hidden;
}


/* آکاردئون */
.tj-fulfillment-accordion{
    margin:0;
    background:#fff;
}

.tj-fulfillment-accordion > summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:46px;
    padding:8px 10px 8px 12px;
    cursor:pointer;
    color:#254b47;
    font-size:12px;
    font-weight:800;
    list-style-position:inside;
}

.tj-fulfillment-accordion > summary:hover{
    background:#f5faf8;
}

.tj-fulfillment-summary-title{
    flex:1;
    min-width:0;
    line-height:1.7;
}

.tj-fulfillment-summary-actions{
    display:flex;
    flex:0 0 auto;
    align-items:center;
    gap:5px;
}


/* اطلاعات read-only */
.tj-fulfillment-readonly{
    display:grid;
    grid-template-columns:
        repeat(2,minmax(0,1fr));
    gap:0;
    padding:2px 12px 10px;
    border-top:1px solid #edf3f0;
}

.tj-fulfillment-readonly > div{
    display:flex;
    justify-content:space-between;
    gap:12px;
    padding:7px 3px;
    border-bottom:1px solid #f0f4f2;
    font-size:11px;
}

.tj-fulfillment-readonly span{
    color:#70817e;
}

.tj-fulfillment-readonly b{
    color:#284a47;
    font-weight:800;
    text-align:left;
}


/* افزودن مقصد */
.tj-add-fulfillment{
    margin-top:10px!important;
    transition:
        opacity .15s ease,
        filter .15s ease;
}

.tj-add-fulfillment:disabled,
.tj-add-fulfillment.is-disabled{
    opacity:.42!important;
    cursor:not-allowed!important;
    filter:grayscale(.25);
}


/* موجودی و هزینه */
.tj-fulfillment-balance{
    margin-top:8px!important;
}

.tj-order-fulfillment
.tj-package-estimate{
    margin-top:9px!important;
    padding:8px 10px!important;
}


/* موبایل */
@media(max-width:760px){

    .tj-fulfillment-editor,
    .tj-fulfillment-row.is-city-only
    .tj-fulfillment-editor,
    .tj-fulfillment-row.is-ershad
    .tj-fulfillment-editor{
        grid-template-columns:1fr;
        gap:9px;
    }

    .tj-fulfillment-field,
    .tj-fulfillment-address-field{
        grid-template-columns:
            82px
            minmax(0,1fr);
    }

    .tj-fulfillment-address-field
    textarea{
        height:105px;
        min-height:105px;
    }

    .tj-fulfillment-readonly{
        grid-template-columns:1fr;
    }

    .tj-fulfillment-accordion > summary{
        padding:8px;
    }
}


@media(max-width:430px){

    .tj-fulfillment-field,
    .tj-fulfillment-address-field{
        grid-template-columns:
            74px
            minmax(0,1fr);
        gap:5px!important;
    }

    .tj-fulfillment-summary-title{
        font-size:11px;
    }
}

/* TJ_PRINT_DIRECT_PICKUP_V4B */


/* فرم مقصد کمی فشرده‌تر */
.tj-fulfillment-editor{
    gap:9px 13px!important;
}

.tj-fulfillment-primary-column{
    gap:6px!important;
}

.tj-fulfillment-field{
    grid-template-columns:
        82px
        minmax(0,1fr)!important;
    gap:6px!important;
}

.tj-fulfillment-field > span{
    font-size:10.5px!important;
}


/* input و select کوچک‌تر */
.tj-fulfillment-field input,
.tj-fulfillment-field select{
    min-height:32px!important;
    height:32px!important;
    padding:4px 7px!important;
    font-size:11px!important;
    line-height:1.3!important;
}


/* آدرس کوتاه‌تر */
.tj-fulfillment-address-field{
    grid-template-columns:
        64px
        minmax(0,1fr)!important;
}

.tj-fulfillment-address-field > span{
    padding-top:7px!important;
}

.tj-fulfillment-address-field textarea{
    height:132px!important;
    min-height:132px!important;
    padding:7px 8px!important;
    font-size:11px!important;
    line-height:1.7!important;
}


/* فرم‌های بدون اطلاعات مقصد */
.tj-fulfillment-row.is-ershad
.tj-fulfillment-editor,
.tj-fulfillment-row.is-pickup-direct
.tj-fulfillment-editor,
.tj-fulfillment-row.is-city-only
.tj-fulfillment-editor{
    grid-template-columns:
        minmax(0,410px)!important;
}


/* آیکن‌های خطی */
.tj-fulfillment-icon-button svg{
    width:15px!important;
    height:15px!important;
    display:block!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    pointer-events:none!important;
}


/*
 * قبل از تلاش برای ثبت نهایی، پیام راهنما
 * ظاهر خطای قرمز ندارد.
 */
.tj-order-fulfillment
.tj-package-estimate:not(.is-error){
    border-color:#cfe4dc!important;
    background:#f7fbf9!important;
    color:#59706c!important;
}


@media(max-width:760px){

    .tj-fulfillment-field,
    .tj-fulfillment-address-field{
        grid-template-columns:
            76px
            minmax(0,1fr)!important;
    }

    .tj-fulfillment-field input,
    .tj-fulfillment-field select{
        height:34px!important;
        min-height:34px!important;
    }

    .tj-fulfillment-address-field textarea{
        height:96px!important;
        min-height:96px!important;
    }
}

/* TJ_ERSHAD_EDIT_HIDE_V4C */

/*
 * دکمه‌های آیکنی display:inline-flex!important دارند.
 * بنابراین hidden باید با specificity بالاتر صراحتاً بر آن غالب شود.
 */
.tj-order-fulfillment
.tj-fulfillment-row
.tj-fulfillment-icon-button[hidden]{
    display:none!important;
}

/* TJ_CUSTOMER_STOCK_OUTBOUND_CSS_V1G */


/* ==============================
 * Retained stock request
 * ============================== */

.tj-account-stock-request{
    margin:20px 0;
    padding:16px;
    border:1px solid #dbe3e8;
    border-radius:12px;
    background:#fff;
}

.tj-account-stock-request h4{
    margin-top:0;
}


/* Compact inventory list */

.tj-stock-table-wrap{
    overflow-x:auto;
    margin:12px 0 14px;
}

.tj-stock-table{
    width:100%;
    min-width:610px;
    border-collapse:collapse;
    font-size:13px;
}

.tj-stock-table th,
.tj-stock-table td{
    padding:6px;
    border-bottom:1px solid #e8edf0;
    text-align:right;
    vertical-align:middle;
}

.tj-stock-table th{
    white-space:nowrap;
}

.tj-stock-table input[type=number]{
    width:62px;
    max-width:62px;
    min-height:30px;
    height:30px;
    padding:4px 6px;
}

.tj-stock-qty-line{
    display:inline-flex;
    align-items:center;
    gap:5px;
    white-space:nowrap;
}

.tj-stock-all-inline{
    min-height:28px!important;
    height:28px;
    padding:3px 8px!important;
    margin:0!important;
    border-radius:7px!important;
    font-size:11px!important;
    line-height:1.2!important;
    white-space:nowrap;
}

.tj-stock-quick-actions{
    display:none!important;
}


/* Destination editor */

.tj-stock-request-fields{
    display:block;
    margin:14px 0 12px;
    padding:12px;
    border:1px solid #e4e8ec;
    border-radius:10px;
    background:#fbfcfd;
}

.tj-stock-request-fields [hidden]{
    display:none!important;
}

.tj-stock-route-field{
    max-width:100%;
    margin:0 0 10px!important;
}

.tj-stock-destination-grid{
    display:grid;
    grid-template-columns:
        minmax(250px,.9fr)
        minmax(320px,1.35fr);
    gap:12px;
    align-items:start;
}

.tj-stock-destination-fields{
    display:grid;
    gap:8px;
    align-content:start;
}

.tj-stock-destination-address{
    min-width:0;
}

.tj-stock-request-fields
.tj-fulfillment-field{
    margin:0;
}

.tj-stock-request-fields
.tj-fulfillment-field input,
.tj-stock-request-fields
.tj-fulfillment-field select{
    width:100%;
}

.tj-stock-request-fields
.tj-fulfillment-address-field textarea{
    width:100%;
    min-height:118px;
    resize:vertical;
}


/* Feedback only below submit */

.tj-stock-feedback{
    display:grid;
    gap:8px;
    margin-top:10px;
}

.tj-stock-estimate{
    display:flex;
    flex-direction:column;
    gap:5px;
    margin:0;
    padding:10px 12px;
    border:1px solid #cfe2dc;
    border-radius:9px;
    background:#f5fbf9;
}

.tj-stock-estimate.is-error{
    border-color:#e3b9b9;
    background:#fff6f6;
    color:#9f1c15;
}

.tj-stock-estimate span{
    font-size:13px;
}

.tj-stock-ershad-help{
    margin:0;
    padding:9px 11px;
    border:1px solid #ead8aa;
    border-radius:8px;
    background:#fff8e8;
}

.tj-stock-ershad-fixed{
    font-weight:700;
    white-space:nowrap;
}


/*
 * اخطار ردیفی قدیمی همیشه مخفی است.
 * خطای کمتر از سه جلد فقط توسط JS،
 * در حالت ارشاد و زیر دکمه ثبت نمایش داده می‌شود.
 */
.tj-stock-ershad-unavailable-note{
    display:none!important;
}

.tj-stock-table
tr.is-ershad-unavailable{
    background:#fff8f7;
}


@media(max-width:800px){

    .tj-stock-destination-grid{
        grid-template-columns:1fr;
    }

    .tj-stock-destination-address{
        width:100%;
    }

    .tj-stock-request-fields
    .tj-fulfillment-address-field textarea{
        min-height:96px;
    }
}

/* TJ_CUSTOMER_STOCK_OUTBOUND_UI_REFINEMENT_V1G */

/*
 * باربری / اتوبوس:
 * چون آدرس کامل ندارند، ستون خالی ایجاد نشود.
 * نام، تلفن و شهر مقصد در یک ردیف تمام‌عرض.
 */
.tj-stock-destination-grid.is-city-only{
    grid-template-columns:1fr;
}

.tj-stock-destination-grid.is-city-only
.tj-stock-destination-fields{
    grid-template-columns:
        repeat(3,minmax(0,1fr));
    gap:10px;
}

.tj-stock-destination-grid.is-city-only
.tj-stock-destination-address{
    display:none!important;
}


/*
 * در ارشاد هیچ کنترل انتخاب تعداد وجود ندارد.
 */
.tj-stock-all-inline[hidden]{
    display:none!important;
}


/*
 * پیام خطای ارشاد پایین Submit کافی است؛
 * کل جدول به‌خاطر موجودی کمتر از سه جلد رنگی نشود.
 */
.tj-stock-table
tr.is-ershad-unavailable{
    background:transparent!important;
}


@media(max-width:800px){

    .tj-stock-destination-grid.is-city-only
    .tj-stock-destination-fields{
        grid-template-columns:1fr;
    }
}


/* TJ_CUSTOMER_STOCK_OUTBOUND_UI_V1H */

/*
 * در حالت ارشاد، wrapper تعداد معمولی hidden می‌شود.
 * display:inline-flex کلاس compact نباید بر hidden غلبه کند.
 */
.tj-stock-qty-line[hidden]{
    display:none!important;
}


/* TJ_BANK_TRANSFER_UI_POLISH_V2D */

/*
 * Desktop:
 * اندازه کارت روش ارسال رسید در هر سه حالت
 * دقیقاً ثابت می‌ماند.
 */
.tj-bank-transfer-proof-card {
    width: 360px !important;
    min-width: 360px !important;
    max-width: 360px !important;

    height: 365px !important;
    min-height: 365px !important;
    max-height: 365px !important;

    box-sizing: border-box !important;
    overflow: hidden !important;
}

/*
 * تمام محتوای داخلی از عرض ثابت کارت تبعیت کند.
 */
.tj-bank-transfer-proof-card form,
.tj-bank-transfer-proof-card [data-tj-transfer-proof-form],
.tj-bank-transfer-proof-card [data-tj-transfer-proof-preview] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.tj-bank-transfer-proof-card input[type="text"],
.tj-bank-transfer-proof-card input[type="time"],
.tj-bank-transfer-proof-card input[type="file"],
.tj-bank-transfer-proof-card textarea {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/*
 * اطلاعات بانکی:
 * سبز پررنگ، خوانا، ردیفی و منظم.
 */
.tj-bank-transfer-account-box {
    display: grid !important;
    gap: 7px !important;

    margin-top: 12px !important;
    padding: 12px 14px !important;

    border: 1px solid rgba(6, 95, 70, .22) !important;
    border-radius: 10px !important;

    background: rgba(255, 255, 255, .46) !important;

    color: #065f46 !important;
}

.tj-bank-transfer-account-row {
    display: grid !important;
    grid-template-columns: minmax(92px, auto) 1fr !important;
    gap: 12px !important;
    align-items: baseline !important;

    color: #065f46 !important;
    line-height: 1.65 !important;
}

.tj-bank-transfer-account-row > span {
    color: #08704f !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    white-space: nowrap !important;
}

.tj-bank-transfer-account-row > strong {
    color: #064e3b !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
}

.tj-bank-transfer-number {
    font-weight: 900 !important;
    letter-spacing: .25px !important;
    unicode-bidi: isolate !important;
}

/*
 * موبایل:
 * عرض از صفحه بیرون نزند، اما رفتار سه حالت
 * همچنان بدون پرش غیرضروری باقی بماند.
 */
@media (max-width: 700px) {
    .tj-bank-transfer-proof-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: 365px !important;
        min-height: 365px !important;
        max-height: 365px !important;
    }

    .tj-bank-transfer-account-row {
        grid-template-columns: 90px 1fr !important;
        gap: 8px !important;
    }

    .tj-bank-transfer-account-row > span {
        font-size: 12.5px !important;
    }

    .tj-bank-transfer-account-row > strong {
        font-size: 13.5px !important;
    }
}


/* =========================================================
 * TJ_BANK_TRANSFER_UI_LAYOUT_V2E
 * ========================================================= */

/*
 * کارت در همه حالت‌ها یک اندازه ثابت دارد.
 * ارتفاع کمی بیشتر شده تا حالت ۴ فیلدی بدون برش جا شود.
 */
.tj-bank-transfer-proof-card {
    width: 360px !important;
    min-width: 360px !important;
    max-width: 360px !important;

    height: 395px !important;
    min-height: 395px !important;
    max-height: 395px !important;

    box-sizing: border-box !important;
    overflow: hidden !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
}

/*
 * ریشه فرم سه‌حالته فضای ثابت خودش را دارد.
 */
.tj-bank-transfer-proof-card
[data-tj-transfer-proof-form],
.tj-bank-transfer-proof-card
[data-tj-transfer-proof-preview] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    box-sizing: border-box !important;

    display: grid !important;
    grid-template-rows:
        auto
        auto
        minmax(0, 1fr) !important;

    align-content: stretch !important;
    gap: 10px !important;
}

/*
 * سه Radio دقیقاً وسط کارت،
 * زیر هم در یک ستون.
 */
.tj-bank-transfer-proof-card
[role="radiogroup"] {
    width: max-content !important;
    max-width: 100% !important;

    margin:
        0
        auto
        4px !important;

    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;

    justify-self: center !important;
    align-self: start !important;

    direction: rtl !important;
    text-align: right !important;
}

.tj-bank-transfer-proof-card
[role="radiogroup"] > label {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 7px !important;
    margin: 0 !important;

    direction: rtl !important;
    text-align: right !important;

    white-space: nowrap !important;
}

.tj-bank-transfer-proof-card
[role="radiogroup"]
input[type="radio"] {
    margin: 0 !important;
    flex: 0 0 auto !important;
}


/*
 * هر پنل فعال کل عرض داخلی کارت را دارد.
 * پنل‌های مخفی همچنان توسط V2C display:none می‌شوند.
 */
.tj-bank-transfer-proof-card
[data-tj-transfer-proof-panel],
.tj-bank-transfer-proof-card
[data-tj-transfer-proof-preview-panel] {
    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;

    direction: rtl !important;
    text-align: right !important;

    align-content: end !important;
}


/*
 * حالت ورود اطلاعات:
 * چهار ردیف منظم و راست‌چین در پایین کارت.
 */
.tj-bank-transfer-proof-card
[data-tj-transfer-proof-panel="details"],
.tj-bank-transfer-proof-card
[data-tj-transfer-proof-preview-panel="details"] {
    width: 100% !important;

    margin-top: auto !important;

    direction: rtl !important;
    text-align: right !important;

    align-content: end !important;
    justify-items: stretch !important;

    gap: 7px !important;
}

.tj-bank-transfer-proof-card
[data-tj-transfer-proof-panel="details"] > label,
.tj-bank-transfer-proof-card
[data-tj-transfer-proof-preview-panel="details"] > label {
    width: 100% !important;

    display: grid !important;
    grid-template-columns:
        112px
        minmax(0, 1fr) !important;

    align-items: center !important;
    gap: 8px !important;

    margin: 0 !important;

    direction: rtl !important;
    text-align: right !important;

    box-sizing: border-box !important;
}

.tj-bank-transfer-proof-card
[data-tj-transfer-proof-panel="details"]
input,
.tj-bank-transfer-proof-card
[data-tj-transfer-proof-preview-panel="details"]
input {
    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;

    direction: rtl !important;
    text-align: right !important;

    margin: 0 !important;
}


/*
 * تصویر رسید و متن رسید نیز داخل همان عرض ثابت.
 */
.tj-bank-transfer-proof-card
[data-tj-transfer-proof-panel="image"],
.tj-bank-transfer-proof-card
[data-tj-transfer-proof-preview-panel="image"],
.tj-bank-transfer-proof-card
[data-tj-transfer-proof-panel="text"],
.tj-bank-transfer-proof-card
[data-tj-transfer-proof-preview-panel="text"] {
    width: 100% !important;
    align-content: end !important;
    margin-top: auto !important;
}


/*
 * اطلاعات حساب: فقط بلوک جدید سبز و واضح.
 */
.tj-bank-transfer-account-box {
    color: #006b45 !important;

    border-color:
        rgba(0, 107, 69, .30) !important;

    background:
        rgba(240, 253, 247, .88) !important;
}

.tj-bank-transfer-account-row > span {
    color: #08734d !important;
    font-weight: 800 !important;
}

.tj-bank-transfer-account-row > strong,
.tj-bank-transfer-number {
    color: #005c3b !important;
    font-weight: 900 !important;
}


/*
 * موبایل: عرض responsive ولی همان ساختار ثابت.
 */
@media (max-width: 700px) {
    .tj-bank-transfer-proof-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: 405px !important;
        min-height: 405px !important;
        max-height: 405px !important;
    }

    .tj-bank-transfer-proof-card
    [data-tj-transfer-proof-panel="details"] > label,
    .tj-bank-transfer-proof-card
    [data-tj-transfer-proof-preview-panel="details"] > label {
        grid-template-columns:
            105px
            minmax(0, 1fr) !important;
    }
}


/* =========================================================
 * TJ_BANK_TRANSFER_UI_ROOT_FIX_V2F
 * ========================================================= */

/*
 * فقط مسیر انتقال وجه بانکی:
 * کارت رسید از بالای سکشن با ستون توضیحات هم‌تراز باشد.
 * سایر CTAهای سایت دست‌نخورده می‌مانند.
 */
.tj-r-payment-confirm.tj-bank-transfer-payment-confirm {
    align-items: flex-start !important;
}

.tj-r-payment-confirm.tj-bank-transfer-payment-confirm
> .tj-r-payment-confirm-copy {
    align-self: flex-start !important;
    min-width: 0 !important;
}

.tj-r-payment-confirm.tj-bank-transfer-payment-confirm
> .tj-bank-transfer-proof-card {
    align-self: flex-start !important;
    margin-top: 0 !important;
    flex: 0 0 360px !important;
}


/*
 * بلوک اطلاعات بانکی جمع‌وجور شود:
 * عنوان و مقدار کنار هم، نه در دو انتهای عرض ستون.
 */
.tj-r-payment-confirm.tj-bank-transfer-payment-confirm
.tj-bank-transfer-account-box {
    width: fit-content !important;
    max-width: 100% !important;

    margin:
        12px
        0
        0
        auto !important;

    padding:
        12px
        16px !important;

    gap: 6px !important;

    justify-items: start !important;
    align-items: start !important;

    direction: rtl !important;
    text-align: right !important;
}

.tj-r-payment-confirm.tj-bank-transfer-payment-confirm
.tj-bank-transfer-account-row {
    width: auto !important;
    max-width: 100% !important;

    grid-template-columns:
        100px
        auto !important;

    justify-content: start !important;
    align-items: baseline !important;

    gap: 10px !important;

    direction: rtl !important;
    text-align: right !important;
}

.tj-r-payment-confirm.tj-bank-transfer-payment-confirm
.tj-bank-transfer-account-row > span {
    width: 100px !important;

    text-align: right !important;
}

.tj-r-payment-confirm.tj-bank-transfer-payment-confirm
.tj-bank-transfer-account-row > strong {
    width: auto !important;
    max-width: 100% !important;

    text-align: right !important;
}

.tj-r-payment-confirm.tj-bank-transfer-payment-confirm
.tj-bank-transfer-number {
    white-space: nowrap !important;
}


/*
 * عرض و ارتفاع کارت سه‌حالته همان V2E باقی بماند.
 */
@media (min-width: 701px) {
    .tj-r-payment-confirm.tj-bank-transfer-payment-confirm
    > .tj-bank-transfer-proof-card {
        width: 360px !important;
        min-width: 360px !important;
        max-width: 360px !important;

        height: 395px !important;
        min-height: 395px !important;
        max-height: 395px !important;
    }
}


/*
 * موبایل: کارت همچنان responsive.
 */
@media (max-width: 700px) {
    .tj-r-payment-confirm.tj-bank-transfer-payment-confirm
    > .tj-bank-transfer-proof-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        flex-basis: auto !important;
    }

    .tj-r-payment-confirm.tj-bank-transfer-payment-confirm
    .tj-bank-transfer-account-box {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .tj-r-payment-confirm.tj-bank-transfer-payment-confirm
    .tj-bank-transfer-account-row {
        grid-template-columns:
            92px
            minmax(0, 1fr) !important;
    }

    .tj-r-payment-confirm.tj-bank-transfer-payment-confirm
    .tj-bank-transfer-account-row > span {
        width: 92px !important;
    }

    .tj-r-payment-confirm.tj-bank-transfer-payment-confirm
    .tj-bank-transfer-number {
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }
}


/* =========================================================
 * TJ_PAYMENT_SELECTION_V1_UI_POLISH_V1
 * انتخاب روش پرداخت پس از ثبت سفارش
 * ========================================================= */

.tj-payment-selection-v1 {
    align-items: flex-start !important;
}

.tj-payment-selection-v1
> .tj-r-payment-confirm-copy {
    min-width: 0 !important;
    padding-top: 3px !important;
}

.tj-payment-selection-v1
> .tj-r-payment-confirm-action {
    width: min(100%, 460px) !important;
    min-width: 430px !important;
    max-width: 460px !important;

    padding: 12px !important;

    background:
        rgba(255,255,255,.92) !important;

    border:
        1px solid
        rgba(28,138,97,.20) !important;

    box-shadow:
        0 8px 22px
        rgba(22,111,76,.07) !important;
}

.tj-payment-selection-v1
.tj-r-payment-confirm-action
form {
    width: 100% !important;
    display: grid !important;
    gap: 12px !important;
}

.tj-payment-selection-v1
[role="radiogroup"] {
    width: 100% !important;
    display: grid !important;
    gap: 9px !important;
}

.tj-payment-selection-v1
[role="radiogroup"]
> label {
    width: 100% !important;

    display: grid !important;
    grid-template-columns:
        24px
        minmax(0,1fr)
        auto !important;

    gap: 11px !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 12px 13px !important;

    box-sizing: border-box !important;

    border:
        1px solid
        #dce6e2 !important;

    border-radius: 12px !important;

    background:
        #ffffff !important;

    cursor: pointer !important;

    transition:
        border-color .16s ease,
        background .16s ease,
        box-shadow .16s ease,
        transform .16s ease !important;
}

.tj-payment-selection-v1
[role="radiogroup"]
> label:hover {
    border-color:
        rgba(8,114,78,.45) !important;

    background:
        #f8fffb !important;

    box-shadow:
        0 5px 14px
        rgba(8,114,78,.07) !important;
}

.tj-payment-selection-v1
[role="radiogroup"]
> label:has(
    input[type="radio"]:checked
) {
    border-color:
        #16845d !important;

    background:
        #f0fff7 !important;

    box-shadow:
        0 0 0 2px
        rgba(22,132,93,.10),
        0 7px 18px
        rgba(8,114,78,.08) !important;
}

.tj-payment-selection-v1
input[type="radio"] {
    width: 18px !important;
    height: 18px !important;

    margin: 0 !important;

    accent-color:
        #08724e !important;

    cursor: pointer !important;
}

.tj-payment-selection-v1
[role="radiogroup"]
> label
> span {
    min-width: 0 !important;

    display: grid !important;
    gap: 2px !important;

    text-align: right !important;
}

.tj-payment-selection-v1
[role="radiogroup"]
> label
> span
> strong {
    color:
        #163f34 !important;

    font-size:
        14px !important;

    font-weight:
        900 !important;

    line-height:
        1.7 !important;
}

.tj-payment-selection-v1
[role="radiogroup"]
.tj-note,
.tj-payment-selection-v1
[role="radiogroup"]
small {
    margin: 0 !important;

    color:
        #667b73 !important;

    font-size:
        11.8px !important;

    font-weight:
        650 !important;

    line-height:
        1.65 !important;
}

.tj-payment-selection-v1
[role="radiogroup"]
> label
> b {
    color:
        #08724e !important;

    font-size:
        15px !important;

    font-weight:
        950 !important;

    line-height:
        1.5 !important;

    white-space:
        nowrap !important;

    direction:
        rtl !important;
}

.tj-payment-selection-v1
[role="radiogroup"]
> label:has(
    input[type="radio"]:checked
)
> b {
    color:
        #075f42 !important;
}

/*
 * TJ_BANK_TRANSFER_SUBMIT_BUTTON_PRIMARY_V1
 * دکمه واقعی ثبت واریز، دقیقاً از استایل CTA اصلی استفاده کند.
 * دکمه Preview عمداً شامل این Selector نیست.
 */
.tj-payment-selection-v1
.tj-r-payment-primary,
.tj-bank-transfer-proof-card
form > .tj-r-payment-primary {
    width: 100% !important;
    min-height: 44px !important;

    margin-top: 2px !important;
    padding: 11px 18px !important;

    box-sizing: border-box !important;

    border: 0 !important;
    border-radius: 10px !important;

    background:
        #12398b !important;

    color:
        #ffffff !important;

    font-size:
        14.5px !important;

    font-weight:
        900 !important;

    line-height:
        1.6 !important;

    cursor:
        pointer !important;

    box-shadow:
        0 8px 18px
        rgba(18,57,139,.18) !important;

    transition:
        background .16s ease,
        transform .16s ease,
        box-shadow .16s ease !important;
}

.tj-payment-selection-v1
.tj-r-payment-primary:hover,
.tj-bank-transfer-proof-card
form > .tj-r-payment-primary:hover {
    background:
        #0e2e72 !important;

    box-shadow:
        0 10px 22px
        rgba(18,57,139,.22) !important;
}

.tj-payment-selection-v1
.tj-r-payment-primary:active,
.tj-bank-transfer-proof-card
form > .tj-r-payment-primary:active {
    transform:
        translateY(1px) !important;
}


/*
 * عنوان انتخاب نوع رسید:
 * کوچک‌تر و از مبلغ قابل پرداخت متمایز باشد.
 */
.tj-bank-transfer-proof-choice-title {
    display: block !important;

    margin: 0 0 2px !important;

    color:
        #8a6419 !important;

    font-size:
        12.5px !important;

    font-weight:
        850 !important;

    line-height:
        1.6 !important;
}


/* Mobile */
@media (max-width: 760px) {

    .tj-payment-selection-v1
    > .tj-r-payment-confirm-action {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .tj-payment-selection-v1
    [role="radiogroup"]
    > label {
        grid-template-columns:
            22px
            minmax(0,1fr) !important;

        gap:
            8px 10px !important;
    }

    .tj-payment-selection-v1
    [role="radiogroup"]
    > label
    > b {
        grid-column: 2 !important;

        justify-self:
            start !important;

        font-size:
            14.5px !important;
    }

    .tj-payment-selection-v1
    [role="radiogroup"]
    > label
    > span
    > strong {
        font-size:
            13.5px !important;
    }

    .tj-payment-selection-v1
    [role="radiogroup"]
    small {
        font-size:
            11.5px !important;
    }
}


/* =========================================================
 * TJ_PAYMENT_SELECTION_V1_TRACKING_UI_TWEAK_V1
 * ========================================================= */

.tj-payment-selection-v1
.tj-payment-selection-tracking-title {
    font-size: 22px !important;
    line-height: 1.65 !important;
    margin-bottom: 8px !important;
}

@media (max-width: 760px) {
    .tj-payment-selection-v1
    .tj-payment-selection-tracking-title {
        font-size: 19px !important;
    }
}