/* Araznod redesign – front page only. Scoped to body.home so other pages are untouched.
   Single consolidated stylesheet: every rule appears once, so file order no longer matters. */
body.home,body.araz-reg,body.araz-pay,body.araz-dl,body.araz-guide,body.araz-vid,body.araz-act,body.araz-ad,body.araz-w7,body.araz-pf,body.araz-ct,body.araz-rs,body.araz-ts,body.araz-or,body.araz-err{
  --blue:#2563eb; --violet:#7c5cf0; --ink:#12244a; --mute:#7b869e; --navy:#0b1f4d;
  font-family:IRANSANSWeb,IRANSansWeb,Tahoma,sans-serif; color:var(--ink);
  background:linear-gradient(180deg,#e9f1ff 0%,#f6f9ff 60%,#fff 100%) !important; direction:rtl;
}
body.home *,body.araz-reg *,body.araz-pay *,body.araz-dl *,body.araz-guide *,body.araz-vid *,body.araz-act *,body.araz-ad *,body.araz-w7 *,body.araz-pf *,body.araz-ct *,body.araz-rs *,body.araz-ts *,body.araz-or *,body.araz-err *{box-sizing:border-box}
body.home a,body.araz-reg a,body.araz-pay a,body.araz-dl a,body.araz-guide a,body.araz-vid a,body.araz-act a,body.araz-ad a,body.araz-w7 a,body.araz-pf a,body.araz-ct a,body.araz-rs a,body.araz-ts a,body.araz-or a,body.araz-err a{text-decoration:none}

.araz-shell{max-width:1480px;margin:0 auto;padding:16px 24px 0}

/* ===== header ===== */
.araz-header{background:#fff;border-radius:22px;box-shadow:0 6px 24px rgba(37,99,235,.08);padding:10px 22px}
.araz-header-in{display:flex;align-items:center;gap:24px}
.araz-logo{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:800}
.araz-nav{display:flex;gap:6px;margin-inline:auto}
.araz-nav a{position:relative;padding:12px 14px;font-size:14px;color:var(--ink)}
.araz-nav a.is-active{color:var(--blue)}
.araz-nav a.is-active:after{content:"";position:absolute;inset:auto 14px 2px;height:3px;border-radius:3px;background:var(--blue)}
.araz-nav a:hover{color:var(--blue)}
/* dropdown (WP submenus): <div class="araz-nav-item has-sub"><a>..</a><div class="araz-sub">..</div></div> */
.araz-nav-item{position:relative;display:flex;align-items:center}
.araz-nav-item>a{display:inline-flex;align-items:center;gap:6px}
.araz-caret{flex:none;transition:transform .15s}
.araz-nav-item:hover>a,.araz-nav-item:focus-within>a{color:var(--blue)}
.araz-nav-item:hover .araz-caret,.araz-nav-item:focus-within .araz-caret{transform:rotate(180deg)}
.araz-sub{position:absolute;inset-block-start:calc(100% + 8px);inset-inline-start:0;z-index:60;min-width:220px;display:none;flex-direction:column;gap:2px;padding:8px;background:#fff;border-radius:16px;box-shadow:0 12px 32px rgba(18,36,74,.16)}
.araz-sub:before{content:"";position:absolute;inset-inline:0;top:-8px;height:8px} /* hover bridge so the menu doesn't close in the gap */
.araz-nav-item:hover>.araz-sub,.araz-nav-item:focus-within>.araz-sub{display:flex}
.araz-sub a{padding:10px 14px;border-radius:10px;font-size:14px;white-space:nowrap}
.araz-sub a:hover{background:#f1f6ff}
.araz-sub a.is-active{background:#eaf1ff}
.araz-sub a.is-active:after{display:none}
.araz-nav-toggle,.araz-burger{display:none}
/* nested (3rd level) flyout: opens toward the inline-end side (left in RTL) */
.araz-sub-item{position:relative;display:flex;flex-direction:column}
.araz-sub-item>a{display:flex;align-items:center;justify-content:space-between;gap:10px}
.araz-sub-item>a .araz-caret{transform:rotate(90deg)}
.araz-sub-item:hover>a,.araz-sub-item:focus-within>a{background:#f1f6ff;color:var(--blue)}
.araz-sub-item:hover>a .araz-caret,.araz-sub-item:focus-within>a .araz-caret{transform:rotate(90deg)}
.araz-sub-2{inset-block-start:-8px;inset-inline-start:auto;inset-inline-end:calc(100% + 4px)}
.araz-sub-2:before{inset-inline:auto;inset-block:0;top:0;height:auto;width:8px;inset-inline-start:100%}
.araz-sub-item:hover>.araz-sub,.araz-sub-item:focus-within>.araz-sub{display:flex}

/* NEW: logged-out login buttons (email + mobile) */
.araz-auth{display:flex;gap:8px;flex:none}
/* CHANGED: now an inline-flex pill with an icon */
.araz-login-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(90deg,var(--blue),var(--violet));color:#fff;padding:10px 18px;border-radius:999px;font-size:13.5px;white-space:nowrap;transition:filter .15s}
.araz-login-btn svg{flex:none}
.araz-login-btn:hover{filter:brightness(1.07);color:#fff}
/* logged-in user's email pill (left end of the header) */
.araz-user{display:inline-flex;align-items:center;gap:10px;flex:none;max-width:280px;padding:10px 18px;border-radius:999px;background:#dff1ff;color:#0b5cab;font-size:14px;font-weight:700;direction:ltr;cursor:default}
.araz-user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.araz-user svg{flex:none}

/* home page: slimmer header bar and two-tone login buttons (mockup) */
body.home .araz-header{padding:8px 20px;border-radius:20px}
body.home .araz-header .araz-logo{font-size:24px;gap:8px}
body.home .araz-header .araz-logo svg{width:30px;height:34px}
body.home .araz-nav a{padding:10px 13px;font-size:13.5px}
body.home .araz-login-btn{padding:9px 16px;font-size:12.5px;gap:7px;background:linear-gradient(90deg,#2563eb,#3b82f6)}
body.home .araz-login-btn#login_with_email{background:linear-gradient(90deg,#4f6df0,#8b5cf6)}
body.home .araz-top{margin-top:10px}

/* ===== hero row: user card on the right, hero banner on the left ===== */
.araz-top{display:grid;grid-template-columns:300px 1fr;gap:20px;margin-top:16px;align-items:start}
.araz-hero{position:relative;overflow:hidden;border-radius:22px;background:#e8f4ff}
.araz-hero-art{display:block;width:100%;max-width:none;height:auto;object-fit:cover}
/* real heading/text stays in the DOM for SEO and screen readers, visually hidden */
.araz-hero-text{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

/* ===== user card (existing [user_menu] markup) ===== */
.araz-side .lwa-panel{max-width:none;border-radius:22px;box-shadow:0 6px 24px rgba(37,99,235,.08)}
.araz-side .lwa-title{display:none}
.araz-side .lwa-panel-item{background:#f1f6ff}
.araz-side .lwa-panel-badge:empty:before{content:"کاربر ویژه";font-size:12px;color:var(--mute)}

/* ===== pricing area: <main class="araz-page"> (printed by araz_rd_page_content()) > div.araz-plans holding the WooCommerce [products] shortcode ===== */
body.home .araz-page{width:100%;max-width:1480px;margin:0 auto;padding:28px 24px 0}
body.home .araz-plans,
body.home .araz-plans .woocommerce{height:auto !important;min-height:0 !important;margin:0 !important;padding:0 !important;background:none !important;box-shadow:none !important;border:0 !important;outline:0 !important}
body.home .araz-plans ul.products{background:none !important;box-shadow:none !important;border:0 !important}
body.home ul.products{display:grid !important;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 !important;padding:0;list-style:none}
/* desktop: cards, support card and footer sit slightly inside the hero edges (mockup); logged-in users keep the 300px account card column */
@media (min-width:1025px){
  body.home:not(.logged-in) .araz-page{padding-inline:48px}
  body.home.logged-in .araz-plans{width:calc(100% - 320px) !important;margin-inline:auto 0 !important}
  /* logged-in: the account card hangs beside the hero and the plan cards (it adds no row height), so the cards start right under the hero (mockup) */
  body.home.logged-in .araz-side{position:relative;z-index:2;height:0;overflow:visible}
  body.home.logged-in .araz-page{padding-top:16px}
}
body.home ul.products{padding-bottom:0 !important}
body.home ul.products::before,body.home ul.products::after{display:none !important} /* WooCommerce clearfix would become a grid cell */
body.home ul.products li.product{float:none !important;width:auto !important;margin:0 !important;background:#fff;border-radius:18px;padding:18px 20px 20px;box-shadow:0 6px 24px rgba(37,99,235,.07);text-align:center}
body.home li.product>img{display:none}

.plan-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:999px;font-size:12.5px;line-height:1.5;font-weight:700;color:#fff}
/* centred pill, as wide as its text (not a full-width bar) */
body.home li.product .plan-badge{display:flex;width:fit-content;max-width:100%;margin:0 auto}
.badge-3mo{background:linear-gradient(90deg,#38bdf8,#3b82f6)}
.badge-6mo{background:linear-gradient(90deg,#14b8a6,#2dd4bf)}
.badge-1yr{background:linear-gradient(90deg,#2563eb,#38bdf8)}
.badge-2yr{background:linear-gradient(90deg,#7c5cf0,#3b82f6)}
/* white SVG icons instead of the emoji in the markup */
.plan-badge .icon{font-size:0;display:inline-block;width:16px;height:16px;background:#fff;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.badge-3mo .icon{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'><circle cx='12' cy='12' r='9'/><path d='M12 7v5l3 2'/></svg>")}
.badge-6mo .icon{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 21s-7.5-4.6-9.5-9.2C1 8.3 3.2 5 6.5 5c2 0 3.5 1.1 5.5 3 2-1.9 3.5-3 5.5-3 3.3 0 5.5 3.3 4 6.8C19.5 16.4 12 21 12 21z'/></svg>")}
.badge-1yr .icon{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2l3 7 7 .6-5.3 4.7 1.7 7.2L12 17.8 5.6 21.5l1.7-7.2L2 9.6 9 9z'/></svg>")}
.badge-2yr .icon{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M3 8l5 4 4-7 4 7 5-4-2 11H5z'/></svg>")}

body.home .AccountPrice{margin:12px 0 8px !important;font-size:30px;font-weight:800;color:var(--ink);line-height:1.2}
body.home .price-currency{font-size:13px;font-weight:400;color:var(--mute)}
body.home .plan-subtitle{display:block;width:fit-content;max-width:100%;margin:0 auto 14px;padding:3px 12px;border-radius:999px;background:#f1f5fc;font-size:12px;color:#5f6e8c}
/* the select's wrapper (printed by nod32_qty_select() in Arazplugin.php) keeps no height/margin of its own and the select has no margin, so centring is exact */
body.home li.product .quantity_select{height:auto !important;min-height:0 !important;margin-bottom:0 !important;padding-top:0 !important;padding-bottom:0 !important}
/* user-count select: text vertically centred with explicit 9px+20px+9px (+2px border = 40px), so a line-height override elsewhere can't push it up (background-color, not the shorthand, so any icon image survives) */
body.home .quantity_select select.qty{text-align:center;display:block;width:100%;height:40px !important;margin:0 !important;padding-top:9px !important;padding-bottom:9px !important;padding-inline:14px;line-height:20px !important;border:1px solid #e3eaf7;border-radius:10px;background-color:#fff;font-family:inherit;font-size:14px;color:var(--ink);box-shadow:0 2px 8px rgba(37,99,235,.05)}
body.home li.product .button.alt{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;height:44px;padding:0 16px !important;border:0;border-radius:999px;color:#fff;font-family:inherit;font-size:14.5px;font-weight:700;background:linear-gradient(90deg,#2563eb,#7c5cf0);box-shadow:0 8px 18px rgba(37,99,235,.28);cursor:pointer}
body.home li.product .button.alt:hover{filter:brightness(1.07)}
/* button icon (cart; refresh icon for logged-in users, whose button reads "تمدید اشتراک") replaces WooCommerce's font icon (spinner / check mark) in every state */
body.home{--araz-btn-ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='20' r='1.4'/><circle cx='18' cy='20' r='1.4'/><path d='M2 3h3l2.6 12.2a1.6 1.6 0 0 0 1.6 1.3h8.5a1.6 1.6 0 0 0 1.6-1.2L21 7H6'/></svg>")}
body.home.logged-in{--araz-btn-ico:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 11a8 8 0 0 0-14.5-4.3L4 9'/><path d='M4 4v5h5'/><path d='M4 13a8 8 0 0 0 14.5 4.3L20 15'/><path d='M20 20v-5h-5'/></svg>")}
body.home li.product .button.alt::before{display:none !important}
body.home li.product .button.alt::after{content:"" !important;position:static !important;display:inline-block;flex:none;width:19px;height:19px;margin:0 !important;border:0;font:0 !important;animation:none !important;transform:none !important;background:currentColor;
  -webkit-mask:var(--araz-btn-ico) center/contain no-repeat;
  mask:var(--araz-btn-ico) center/contain no-repeat}
body.home li.product .button.alt.loading{opacity:.75;cursor:progress}

/* ===== NEW: logged-out layout (no side column: hero and pricing cards use the full width) ===== */
body.home:not(.logged-in) .araz-top{grid-template-columns:1fr}

/* ===== support strip ===== */
.araz-lower{padding-top:0}
.araz-support{display:block;padding:24px 0 28px} /* 24px = the whole gap between the pricing cards and the support card */
.araz-contact{display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:#fff;border-radius:20px;padding:16px 22px;box-shadow:0 6px 24px rgba(37,99,235,.08)}
.araz-contact-title{flex:0 0 200px;display:flex;flex-direction:column;gap:2px}
.araz-contact-title small{color:var(--mute);font-size:12px}
.araz-channels{flex:1 1 520px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.araz-ch{display:flex;align-items:center;gap:10px;padding:8px 14px;border:0;border-radius:999px;background:#f4f8ff;color:var(--ink);font-family:inherit;text-align:start;cursor:pointer;transition:background .15s}
.araz-ch:hover{background:#e6efff}
.araz-ch svg{width:36px;height:36px;flex:none}
.araz-ch b{display:block;font-size:13.5px}
.araz-ch small{display:block;font-size:13px;/*color:var(--mute);*/direction:ltr;text-align:right}
/* full-width "online support" button (opens the Goftino widget added by its own plugin) */
.araz-ch.is-chat{grid-column:1/-1;justify-content:center;gap:12px;padding:10px 22px;background:linear-gradient(90deg,var(--blue),var(--violet));color:#fff}
.araz-ch.is-chat:hover{background:linear-gradient(90deg,var(--blue),var(--violet));filter:brightness(1.07)}
.araz-ch.is-chat small{color:rgba(255,255,255,.85)}

.araz-features{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.araz-features li{display:flex;flex-direction:row;align-items:center;gap:12px;color:var(--blue)}
.araz-features li+li{border-inline-start:1px solid #dbe5f7;padding-inline-start:20px}
.araz-features li svg{flex:none}
.araz-features li span{display:flex;flex-direction:column;gap:2px;color:var(--ink)}
.araz-features strong{font-size:14px}

/* home page: tighter support card, features row flush with the footer (mockup) */
body.home .araz-support{padding:26px 0 0}
body.home .araz-contact{padding:14px 20px;border-radius:18px;gap:16px}
body.home .araz-contact-title{flex-basis:170px}
body.home .araz-ch{padding:7px 14px;gap:9px}
body.home .araz-ch svg{width:32px;height:32px}
body.home .araz-ch b{font-size:13px;line-height:1.35}
body.home .araz-ch small{font-size:12px;line-height:1.35}
body.home .araz-ch.is-chat{padding:7px 22px}
body.home .araz-ch.is-chat small{font-size:11.5px}
body.home .araz-features{margin:14px 0 0;padding-bottom:14px}
body.home .araz-features li svg{width:30px;height:30px}
/* sticky footer: on tall windows the footer sits at the bottom edge instead of leaving a blank band under it */
body.home{display:flex;flex-direction:column;min-height:100vh}
body.home>.araz-page,body.home>.araz-shell{width:100%}
body.home .araz-lower{flex:1 0 auto;display:flex;flex-direction:column}
body.home .araz-footer{margin-top:auto}
body.home .araz-footer-in{padding-block:18px}
body.home .araz-trust img{display:block;height:62px;width:auto}
body.home .araz-footer-brand{gap:22px}
body.home .araz-footer-brand>div{padding-inline-start:22px;border-inline-start:1px solid rgba(255,255,255,.18)}
@media (min-width:1025px){
  body.home:not(.logged-in) .araz-support{padding-inline:24px}
  body.home:not(.logged-in) .araz-footer-in{padding-inline:72px}
}

/* ===== footer ===== */
.araz-footer{background:var(--navy);color:#fff;margin-top:8px}
.araz-footer-in{max-width:1480px;margin:0 auto;padding:26px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.araz-footer-brand{display:flex;align-items:center;gap:24px}
.araz-footer-brand>div{display:flex;flex-direction:column;gap:4px;font-size:14px}
.araz-footer small{color:#9db2e0}
.araz-trust img{border-radius:8px;background:#fff;padding:4px}

/* ===== desktop only ===== */
@media (min-width:1025px){
  .araz-channels{grid-template-columns:repeat(6,minmax(0,1fr))}
  .araz-ch small{font-size:14px}
}
/* NEW: narrow desktop / tablet: keep the two login buttons from crowding the menu */
@media (min-width:768px) and (max-width:1180px){
  .araz-header-in{gap:12px}
  .araz-nav a{padding-inline:10px;font-size:13px}
  .araz-login-btn{padding:9px 14px;font-size:13px}
  .araz-login-btn svg{display:none}
}
/* ===== tablet ===== */
@media (max-width:1024px){
  .araz-top{grid-template-columns:1fr}
  body.home ul.products{grid-template-columns:repeat(2,1fr)}
}
/* ===== mobile ===== */
@media (max-width:767px){
  .araz-shell{padding:10px 12px 0}
  body.home .araz-page{padding:10px 12px 0}
  .araz-header-in{flex-wrap:wrap;gap:10px}
  .araz-burger{display:block;margin-inline-start:auto;padding:10px;cursor:pointer}
  .araz-burger i,.araz-burger i:before,.araz-burger i:after{display:block;width:22px;height:2px;background:var(--ink);position:relative;content:""}
  .araz-burger i:before{position:absolute;top:-7px}.araz-burger i:after{position:absolute;top:7px}
  .araz-nav{display:none;order:5;flex-basis:100%;flex-direction:column}
  .araz-nav-toggle:checked~.araz-nav{display:flex}
  /* NEW: login buttons get their own full-width row under the logo, above the (collapsed) menu */
  .araz-user{order:3;max-width:60%;padding:8px 14px;font-size:13px}
  .araz-auth{order:4;flex-basis:100%}
  .araz-auth .araz-login-btn{flex:1;justify-content:center}
  .araz-nav-item{flex-direction:column;align-items:stretch}
  .araz-caret{display:none}
  .araz-sub{position:static;display:flex;min-width:0;padding:0;padding-inline-start:16px;background:transparent;box-shadow:none}
  .araz-sub:before{display:none}
  .araz-sub-item{display:flex;flex-direction:column;align-items:stretch}
  .araz-sub-item>a .araz-caret{display:none}
  .araz-sub-2{display:flex;inset:auto;padding-inline-start:16px}
  body.home ul.products{grid-template-columns:1fr}
  .araz-contact-title{flex-basis:100%}
  .araz-channels{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.home .araz-ch{min-width:0;padding:7px 10px;gap:8px}
  body.home .araz-ch>span{min-width:0;overflow:hidden}
  body.home .araz-ch small{overflow:hidden;text-overflow:ellipsis;font-size:11px}
  .araz-features{grid-template-columns:1fr}
  .araz-features li+li{border-inline-start:0;padding-inline-start:0}
}
@media (prefers-reduced-motion:reduce){body.home *,body.araz-reg *,body.araz-pay *,body.araz-dl *,body.araz-guide *,body.araz-vid *,body.araz-act *,body.araz-ad *,body.araz-w7 *,body.araz-pf *,body.araz-ct *,body.araz-rs *,body.araz-ts *,body.araz-or *,body.araz-err *{transition:none !important}}

/* =====================================================================
   REGISTRATION PAGE (logged-out My Account page, body.araz-reg)
   Header, support strip and footer reuse the classes above. Below: the page body is <main class="araz-page"> (post_content = the [woocommerce_my_account] shortcode),
   turn the form column into a centred card and restyle the plugin-generated fields.
   Plugin rules use !important with low specificity; ours use body.araz-reg + element/class chains to win.
   ===================================================================== */
body.araz-reg{position:relative;min-height:100vh}
body.araz-reg .woocommerce{padding:0;margin:0}

/* faded shield on the left (decor only) */
.araz-reg-art{position:absolute;left:max(24px,calc((100vw - 1480px)/2 + 40px));top:190px;width:300px;pointer-events:none;z-index:0;opacity:.9}
.araz-reg-art svg{display:block;width:100%;height:auto}

/* the card */
body.araz-reg .araz-page{position:relative;z-index:1;padding:16px 24px 0}
body.araz-reg #customer_login{display:block;margin:0 auto;max-width:650px}
body.araz-reg #customer_login:after{content:"";display:table;clear:both}
body.araz-reg #customer_login .u-column2{float:none !important;width:100% !important;max-width:650px;margin:0 auto;background:#fff;border-radius:24px;box-shadow:0 10px 36px rgba(37,99,235,.10);padding:34px 56px 40px;font-family:inherit !important}
body.araz-reg #customer_login .u-column2 h2{margin:0 0 10px;text-align:center;font-size:30px;font-weight:800;line-height:1.4;color:var(--ink);font-family:inherit}
body.araz-reg .araz-reg-sub{margin:0 0 26px;text-align:center;font-size:14px;line-height:1.8;color:var(--mute)}
body.araz-reg form.woocommerce-form-register{border:0;padding:0;margin:0;border-radius:0;background:none}
body.araz-reg form.woocommerce-form-register br{display:none}
body.araz-reg form.woocommerce-form-register p.form-row{width:100%;float:none;margin:0 0 18px;padding:0}
body.araz-reg form.woocommerce-form-register label{display:block;margin:0 0 8px;font-size:15px;font-weight:700;line-height:1.6;color:var(--ink)}
body.araz-reg form.woocommerce-form-register label .required{color:#d93025;text-decoration:none;font-weight:700;border:0}
body.araz-reg .araz-hint{display:block;margin-top:2px;font-size:11.5px;font-weight:400;line-height:1.7;color:var(--mute)}
body.araz-reg form.woocommerce-form-register .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
body.araz-reg form.woocommerce-form-register .error{margin:6px 0 0;font-size:12.5px}
body.araz-reg form.woocommerce-form-register .error:empty{display:none}

/* inputs: 52px, icon box on the right (RTL start) painted as backgrounds so the markup/ids stay untouched */
body.araz-reg form.woocommerce-form-register input.input-text{
  display:block;width:100% !important;max-width:none;height:52px;margin:0;padding:0 62px 0 16px;
  border:1px solid #e3eaf7;border-radius:12px;background-color:#fff;
  font-family:inherit;font-size:15px;line-height:50px;color:var(--ink);box-shadow:0 2px 8px rgba(37,99,235,.05);outline:0}
/* the plugin's #reg_email/#reg_password{width:80% !important} has ID specificity, so repeat the ids here */
body.araz-reg form.woocommerce-form-register #reg_phone,
body.araz-reg form.woocommerce-form-register #reg_email,
body.araz-reg form.woocommerce-form-register #reg_password{width:100% !important}
body.araz-reg form.woocommerce-form-register input.input-text::placeholder{color:#a3adc2;opacity:1}
body.araz-reg form.woocommerce-form-register input.input-text:focus{border-color:#8fb0f5;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
body.araz-reg form.woocommerce-form-register #reg_phone,
body.araz-reg form.woocommerce-form-register #reg_email{direction:ltr;text-align:right}
body.araz-reg form.woocommerce-form-register #reg_phone{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a6a8a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='7' y='2.5' width='10' height='19' rx='2.5'/><path d='M11 18.5h2'/></svg>"),linear-gradient(#e3eaf7,#e3eaf7),linear-gradient(#f1f6ff,#f1f6ff);
  background-repeat:no-repeat;background-position:right 14px center,right 47px center,right center;background-size:20px 20px,1px 100%,47px 100%}
body.araz-reg form.woocommerce-form-register #reg_email{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a6a8a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5' width='18' height='14' rx='2.5'/><path d='M3.5 7l8.5 6 8.5-6'/></svg>"),linear-gradient(#e3eaf7,#e3eaf7),linear-gradient(#f1f6ff,#f1f6ff);
  background-repeat:no-repeat;background-position:right 14px center,right 47px center,right center;background-size:20px 20px,1px 100%,47px 100%}
/* password: same box, but the icon is WooCommerce's own show/hide button (keeps its toggle behaviour) */
body.araz-reg form.woocommerce-form-register .password-input{display:block;position:relative;width:100%}
body.araz-reg form.woocommerce-form-register #reg_password{
  background-image:linear-gradient(#e3eaf7,#e3eaf7),linear-gradient(#f1f6ff,#f1f6ff);
  background-repeat:no-repeat;background-position:right 47px center,right center;background-size:1px 100%,47px 100%}
body.araz-reg form.woocommerce-form-register .show-password-input{
  position:absolute !important;top:0 !important;bottom:0 !important;right:0 !important;left:auto !important;
  width:47px !important;height:100% !important;margin:0 !important;padding:0 !important;transform:none !important;
  display:flex;align-items:center;justify-content:center;background:none !important;border:0 !important;box-shadow:none !important;cursor:pointer;color:#5a6a8a}

/* verify-phone button (shown by verification.js) */
body.araz-reg input.btnSubmitVerifyPhone{width:auto !important;min-width:150px;height:40px;padding:0 18px !important;border:1px solid var(--blue) !important;border-radius:999px !important;background:#fff !important;background-image:none !important;box-shadow:none !important;color:var(--blue) !important;font:700 13.5px IRANSANSWeb,IRANSansWeb,Tahoma,sans-serif !important;text-shadow:none !important}
body.araz-reg input.btnSubmitVerifyPhone:hover{background:#f1f6ff !important}
body.araz-reg .btnVerifyPhone{margin:0 0 18px}

/* ArCaptcha: leave the widget alone, just centre it */
body.araz-reg .arcaptcha{display:flex;justify-content:center;margin:6px 0 20px !important}

/* submit: full-width gradient pill with a user-plus icon */
body.araz-reg form.woocommerce-form-register button.woocommerce-Button.woocommerce-form-register__submit{
  display:flex !important;align-items:center;justify-content:center;gap:10px;width:100% !important;height:56px;margin:0;padding:0 24px !important;
  border:0 !important;border-radius:999px !important;
  background-color:var(--blue) !important;background-image:linear-gradient(90deg,#0ea5ff,#7c3aed) !important;
  box-shadow:0 10px 22px rgba(79,70,229,.28) !important;color:#fff !important;text-shadow:none !important;
  font:700 17px IRANSANSWeb,IRANSansWeb,Tahoma,sans-serif !important;cursor:pointer;transition:filter .15s}
body.araz-reg form.woocommerce-form-register button.woocommerce-Button.woocommerce-form-register__submit:hover{
  background-image:linear-gradient(90deg,#0ea5ff,#7c3aed) !important;filter:brightness(1.07);box-shadow:0 10px 22px rgba(79,70,229,.28) !important}
body.araz-reg form.woocommerce-form-register button.woocommerce-form-register__submit:active{filter:brightness(.97)}
body.araz-reg form.woocommerce-form-register button.woocommerce-form-register__submit:before{
  content:"";flex:none;width:22px;height:22px;background:#fff;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><circle cx='10' cy='8' r='4'/><path d='M3 20c0-3.9 3.1-7 7-7 1.3 0 2.5.4 3.5 1'/><path d='M18 14v6M15 17h6'/></svg>") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><circle cx='10' cy='8' r='4'/><path d='M3 20c0-3.9 3.1-7 7-7 1.3 0 2.5.4 3.5 1'/><path d='M18 14v6M15 17h6'/></svg>") center/contain no-repeat}

/* the page ends with the same support strip + footer as the front page */
body.araz-reg .araz-lower{padding-top:0}
body.araz-reg .araz-support{padding-top:28px}

@media (max-width:1180px){.araz-reg-art{display:none}}
@media (max-width:767px){
  body.araz-reg .araz-page{padding:10px 12px 0}
  body.araz-reg #customer_login .u-column2{padding:26px 18px 28px;border-radius:20px}
  body.araz-reg #customer_login .u-column2 h2{font-size:24px}
}

/* =====================================================================
   PAYMENT PAGE (WooCommerce checkout, page 81, body.araz-pay)
   Header, support strip and footer reuse the classes above. The checkout form markup is untouched:
   #order_review becomes a 2-column grid (gateway card on the right in RTL, order summary card on the left).
   #payment uses display:contents so its children (ul + place-order) join the grid; the summary card's white
   background is #order_review::before spanning the summary rows.
   ===================================================================== */
body.araz-pay .araz-page{width:100%;max-width:1480px;margin:0 auto;padding:16px 24px 0}
body.araz-pay .woocommerce{background:none !important;padding:0 !important;margin:0 !important;border:0 !important;min-height:0 !important}
body.araz-pay .araz-support{padding-top:28px}

body.araz-pay form.woocommerce-checkout{display:block;margin:0;padding:0}
body.araz-pay #order_review_heading{display:none}
body.araz-pay #order_review{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:auto auto auto 1fr;gap:0 20px;align-items:start;width:100%;float:none;margin:0;padding:0}
body.araz-pay #payment{display:contents;background:none;border:0;border-radius:0}

/* --- summary card background (spans the 3 summary rows) --- */
body.araz-pay #order_review::before{content:"";grid-column:2;grid-row:1/span 3;align-self:stretch;background:#fff;border-radius:22px;box-shadow:0 6px 24px rgba(37,99,235,.08)}

/* --- gateway card --- */
body.araz-pay #payment ul.payment_methods{grid-column:1;grid-row:1/span 4;display:flex;flex-direction:column;gap:14px;margin:0;padding:28px 26px 26px;list-style:none;border:0;background:#fff;border-radius:22px;box-shadow:0 6px 24px rgba(37,99,235,.08)}
body.araz-pay #payment ul.payment_methods::after{display:none}
body.araz-pay #payment ul.payment_methods::before{content:"انتخاب درگاه پرداخت";display:block;margin:0 0 6px;padding:6px 48px 6px 0;font-size:20px;font-weight:800;line-height:36px;color:var(--ink);
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='5' y='11' width='14' height='10' rx='2.5'/><path d='M8 11V8a4 4 0 0 1 8 0v3'/></svg>") right center/30px 30px no-repeat}

/* Zibal first, as in the mockup (DOM order is unchanged) */
body.araz-pay #payment li.payment_method_WC_Zibal{order:1}
body.araz-pay #payment li.payment_method_WC_ZPal{order:2}
body.araz-pay #payment li.payment_method_bacs{order:3}

body.araz-pay #payment li.wc_payment_method{position:relative;display:grid;grid-template-columns:auto 1fr;grid-auto-rows:auto;column-gap:18px;row-gap:4px;align-content:center;align-items:center;min-height:96px;margin:0;padding:20px 24px 20px 66px;
  border:1px solid #e3eaf7;border-radius:18px;background:#fff;list-style:none;font-size:17px;font-weight:700;color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s}
body.araz-pay #payment li.wc_payment_method:has(input:checked){border-color:#8fb0f5;background:#f1f7ff}
body.araz-pay #payment li.wc_payment_method::before,
body.araz-pay #payment li.wc_payment_method::after{display:none}
body.araz-pay #payment li.wc_payment_method label{display:contents;margin:0;padding:0;font:inherit;color:inherit;cursor:pointer}
body.araz-pay #payment li.wc_payment_method label img{grid-column:1;grid-row:1/span 2;width:120px !important;height:56px !important;max-height:none !important;margin:0 !important;padding:0 !important;object-fit:contain;float:none;justify-self:center}

/* radio on the left edge */
body.araz-pay #payment li.wc_payment_method>input.input-radio{position:absolute;left:24px;top:34px;width:22px;height:22px;margin:0;padding:0;opacity:1;-webkit-appearance:none;appearance:none;border:2px solid #c4d1ea;border-radius:50%;background:#fff;cursor:pointer}
body.araz-pay #payment li.wc_payment_method>input.input-radio:checked{border-color:var(--blue);background:radial-gradient(circle,var(--blue) 0 40%,#fff 44%)}

/* description = subtitle under the title (Zibal / ZarinPal always shown) */
body.araz-pay #payment div.payment_box{margin:0;padding:0;background:none;border-radius:0;color:var(--mute);font-size:13px;font-weight:400;line-height:1.8}
body.araz-pay #payment div.payment_box::before{display:none}
body.araz-pay #payment div.payment_box p{margin:0}
body.araz-pay #payment li.payment_method_WC_ZPal div.payment_box,
body.araz-pay #payment li.payment_method_WC_Zibal div.payment_box{display:block !important;grid-column:2;grid-row:2}
body.araz-pay #payment #zarinpal{display:none} /* ZarinPal trust-seal script keeps loading; remove this line to show the seal again */

/* bank transfer: icon tile on the right, instructions box (only visible while selected, WooCommerce toggles it) */
body.araz-pay #payment li.payment_method_bacs::before{content:"";display:block;grid-column:1;grid-row:1/span 2;justify-self:center;width:64px;height:52px;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 52' fill='none' stroke='%232563eb' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='8' width='40' height='28' rx='5'/><path d='M4 17h40M10 28h10'/><circle cx='46' cy='36' r='11' fill='white'/><path d='M41 34h10l-3-3M51 39H41l3 3'/></svg>") center/contain no-repeat}
body.araz-pay #payment li.payment_method_bacs div.payment_box{grid-column:1/-1;grid-row:3;margin-top:12px;padding:12px 14px;background:#f6f9ff;border-radius:12px}

/* --- summary card content --- */
body.araz-pay #order_review table.shop_table{grid-column:2;grid-row:1;position:relative;z-index:1;display:block;width:auto;margin:0;padding:26px 26px 0;border:0 !important;border-radius:0;background:none;border-collapse:collapse}
body.araz-pay #order_review table.shop_table::before{content:"خلاصه سفارش شما";display:block;margin:0 0 18px;padding:6px 48px 6px 0;font-size:20px;font-weight:800;line-height:36px;color:var(--ink);
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M7 3h7l4 4v14H7z'/><path d='M14 3v4h4M10 12h5M10 16h5'/></svg>") right center/30px 30px no-repeat}
body.araz-pay #order_review table.shop_table tbody{display:block}
body.araz-pay #order_review table.shop_table tfoot{display:none}
body.araz-pay #order_review table.shop_table tr{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #e8eef9}
body.araz-pay #order_review table.shop_table td{display:block;width:auto;padding:0 !important;border:0 !important;background:none;font-size:14px;font-weight:700;color:var(--ink);text-align:start !important}
body.araz-pay #order_review table.shop_table td.product-total{white-space:nowrap}
body.araz-pay #order_review table.shop_table tr:last-child{margin-top:14px;padding:20px 22px;border:0;border-radius:16px;background:#eef4ff}
body.araz-pay #order_review table.shop_table tr:last-child td.product-total{font-size:26px;font-weight:800}

body.araz-pay #payment div.form-row.place-order{grid-column:2;grid-row:2;position:relative;z-index:1;display:block;margin:0;padding:18px 26px 0;background:none;float:none;width:auto}
body.araz-pay #payment #place_order{display:flex;align-items:center;justify-content:center;gap:10px;width:100% !important;height:56px;margin:0;padding:0 24px !important;float:none;
  border:0 !important;border-radius:16px !important;
  background:linear-gradient(90deg,#0ea5ff,#7c3aed) !important;box-shadow:0 10px 22px rgba(79,70,229,.28) !important;color:#fff !important;text-shadow:none !important;
  font:700 17px IRANSANSWeb,IRANSansWeb,Tahoma,sans-serif !important;cursor:pointer;transition:filter .15s}
body.araz-pay #payment #place_order:hover{filter:brightness(1.07)}
body.araz-pay #payment #place_order:active{filter:brightness(.97)}
body.araz-pay #payment #place_order::before{content:"";flex:none;width:22px;height:22px;background:#fff;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><rect x='2.5' y='5' width='19' height='14' rx='3'/><path d='M2.5 10h19M6.5 15h4'/></svg>") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><rect x='2.5' y='5' width='19' height='14' rx='3'/><path d='M2.5 10h19M6.5 15h4'/></svg>") center/contain no-repeat}

/* AnyDesk box (printed by araz_rd_anydesk_box() inside the place-order block or right after it) */
body.araz-pay .araz-anydesk{grid-column:2;grid-row:3;position:relative;z-index:1;display:flex;align-items:center;gap:14px;margin:14px 26px 26px;padding:14px 16px;border-radius:16px;background:#f1f6ff;color:var(--ink);transition:background .15s}
body.araz-pay #payment div.place-order .araz-anydesk{margin-inline:0}
body.araz-pay .araz-anydesk:hover{background:#e6efff}
body.araz-pay .araz-anydesk-ico{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:#fff}
body.araz-pay .araz-anydesk-ico img{display:block;width:36px;height:auto}
body.araz-pay .araz-anydesk-txt{flex:1;display:flex;flex-direction:column;gap:2px}
body.araz-pay .araz-anydesk-txt b{font-size:14px}
body.araz-pay .araz-anydesk-txt small{font-size:12px;line-height:1.7;color:var(--mute)}
body.araz-pay .araz-anydesk>svg{flex:none}

/* --- tablet / mobile: single column, gateways first, then the summary card --- */
@media (max-width:900px){
  body.araz-pay #order_review{grid-template-columns:1fr;grid-template-rows:auto}
  body.araz-pay #order_review::before{grid-column:1;grid-row:2/span 3}
  body.araz-pay #payment ul.payment_methods{grid-column:1;grid-row:1;margin-bottom:20px}
  body.araz-pay #order_review table.shop_table{grid-column:1;grid-row:2}
  body.araz-pay #payment div.form-row.place-order{grid-column:1;grid-row:3}
  body.araz-pay .araz-anydesk{grid-column:1;grid-row:4}
}
@media (max-width:767px){
  body.araz-pay .araz-page{padding:10px 12px 0}
  body.araz-pay #payment ul.payment_methods{padding:20px 14px 16px}
  body.araz-pay #payment li.wc_payment_method{padding:16px 14px 16px 52px;column-gap:12px;font-size:15px}
  body.araz-pay #payment li.wc_payment_method>input.input-radio{left:14px}
  body.araz-pay #payment li.wc_payment_method label img{width:84px !important}
  body.araz-pay #order_review table.shop_table{padding:20px 16px 0}
  body.araz-pay #payment div.form-row.place-order{padding:16px 16px 0}
  body.araz-pay .araz-anydesk{margin:14px 16px 20px}
}

/* =====================================================================
   DOWNLOAD PAGE (page 99 /esetdownload/, body.araz-dl)
   Header, support strip and footer reuse the classes above. The page body is not printed (old Elementor content: banner images, menu,
   heading and the 5 HTML-widget link tables) was dropped; the list is printed by araz_rd_downloads() in redesign.php.
   ===================================================================== */
body.araz-dl .araz-support{padding-top:28px}

.araz-dl-card{margin-top:16px;padding:30px 28px 28px;background:#fff;border-radius:22px;box-shadow:0 6px 24px rgba(37,99,235,.08)}
.araz-dl-head{display:flex;align-items:center;gap:14px}
.araz-dl-ico{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#2d8cff,var(--blue));color:#fff}
.araz-dl-card h1{margin:0;font-family:inherit;font-size:28px;font-weight:800;line-height:1.4;color:var(--navy)}
.araz-dl-sub{margin:8px 0 22px;font-size:15px;line-height:1.8;color:#4f6fb8}
.araz-dl-list{display:flex;flex-direction:column;gap:14px}
.araz-dl-row{display:flex;align-items:center;gap:18px;padding:12px 18px;border:1px solid #e3eaf7;border-radius:16px;background:#f8fbff}
.araz-dl-chev{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e8effc;color:#5b7bc7}
.araz-eset{flex:none;display:block;width:100px;height:44px}
.araz-dl-card h2.araz-dl-name{flex:1;min-width:0;margin:0;font-family:inherit;font-size:20px;font-weight:800;line-height:1.5;color:var(--ink)}
.araz-dl-os{flex:none;display:flex;align-items:center;gap:10px;min-width:150px;padding-inline-end:26px;border-inline-end:1px solid #dbe5f7;font-size:15px;color:var(--ink)}
.araz-dl-os svg{flex:none}
.araz-dl-btns{flex:none;display:grid;grid-template-columns:repeat(2,215px);gap:20px}
.araz-dl-btn{display:flex;align-items:center;justify-content:center;gap:10px;height:46px;padding:0 14px;border-radius:999px;color:#fff;font-size:15px;font-weight:700;white-space:nowrap;box-shadow:0 6px 14px rgba(37,99,235,.22);transition:filter .15s}
.araz-dl-btn svg{flex:none}
.araz-dl-btn.is-64{background:linear-gradient(90deg,#1366e8,#0a3fc2)}
.araz-dl-btn.is-32{background:linear-gradient(90deg,#1eaaff,#0f8bf0)}
.araz-dl-btn:hover{color:#fff;filter:brightness(1.08)}

@media (min-width:901px) and (max-width:1180px){
  .araz-dl-btns{grid-template-columns:repeat(2,160px);gap:12px}
  .araz-dl-btn{font-size:14px;gap:8px}
  .araz-dl-card h2.araz-dl-name{font-size:17px}
  .araz-dl-os{min-width:0;padding-inline-end:16px}
}
@media (max-width:900px){
  .araz-dl-row{flex-wrap:wrap;gap:12px 14px}
  .araz-dl-os{order:2;min-width:0;padding:0;border:0}
  .araz-dl-btns{order:3;flex-basis:100%;grid-template-columns:1fr 1fr;gap:10px}
}
@media (max-width:767px){
  .araz-dl-card{padding:20px 14px 18px;border-radius:20px}
  .araz-dl-card h1{font-size:23px}
  .araz-dl-chev{display:none}
  .araz-eset{width:80px;height:35px}
  .araz-dl-card h2.araz-dl-name{font-size:16px}
  .araz-dl-btn{padding:0 8px;font-size:13.5px;gap:6px}
  .araz-dl-btn svg{width:18px;height:18px}
}

/* =====================================================================
   ACTIVATION GUIDE PAGE (page 60 /eset19activation/, body.araz-guide)
   The article is the page's post_content (the former Elementor HTML widget code), printed raw inside <main class="araz-page">, which
   becomes the white card. Inline styles of the pasted Word-style markup are overridden with !important.
   ===================================================================== */
body.araz-guide{position:relative;min-height:100vh}
body.araz-guide .araz-page{position:relative;z-index:1;width:calc(100% - 48px);max-width:1030px;margin:32px auto 40px;padding:32px 56px 40px;background:#fff;border-radius:24px;box-shadow:0 10px 36px rgba(37,99,235,.10);text-align:center;font-family:inherit}

/* jump button: cyan pill instead of the old 3D button (its own <style> uses !important-free rules, ours win by specificity) */
body.araz-guide .araz-page a.push_button.blue{display:inline-block;position:static;width:auto;height:auto;margin:0 0 24px;padding:9px 32px;border:0;border-radius:999px;background:linear-gradient(90deg,#22d3ee,#3b9cff) !important;box-shadow:none;text-shadow:none;color:#fff;font-family:inherit;font-size:14px;font-weight:700;line-height:1.6;transition:filter .15s}
body.araz-guide .araz-page a.push_button.blue:before{display:none !important}
body.araz-guide .araz-page a.push_button.blue:hover{filter:brightness(1.07);color:#fff}
body.araz-guide .araz-page a.push_button.blue:active{top:auto;box-shadow:none}

/* text: override the pasted inline fonts / colours / white backgrounds */
body.araz-guide .araz-page>br{display:none}
body.araz-guide .araz-page p{margin:0 0 6px !important;background:none !important;line-height:1.9 !important}
body.araz-guide .araz-page p *{font-family:inherit !important;font-size:15px !important;line-height:1.9 !important;color:var(--ink) !important;background:none !important}
body.araz-guide .araz-page>p:first-of-type{margin-bottom:26px !important}
body.araz-guide .araz-page>p:first-of-type *{font-size:19px !important;font-weight:800 !important;color:var(--navy) !important}
body.araz-guide .araz-page img{display:block;max-width:100%;height:auto;margin:14px auto 28px;border:1px solid #d7e1f3;border-radius:6px}
body.araz-guide #Activation_Guide{scroll-margin-top:90px}

/* decorative shield (same art as the registration page): only where there is free space beside the card */
@media (max-width:1400px){body.araz-guide .araz-reg-art{display:none}}
@media (max-width:767px){
  body.araz-guide .araz-page{width:calc(100% - 24px);margin:26px auto 40px;padding:22px 16px 28px;border-radius:20px}
  body.araz-guide .araz-page>p:first-of-type *{font-size:17px !important}
  body.araz-guide .araz-page p *{font-size:14px !important}
}

/* =====================================================================
   VIDEO GUIDE PAGE (page 57, body.araz-vid)
   The article is the file araznod_redesign/video-guide.html (the former Elementor HTML widget code; fallbacks: post_content with the Aparat embeds,
   then the _elementor_data meta), printed raw inside <main class="araz-page">, which becomes the white card. The support card is pinned to the
   bottom of the screen (.araz-dock, printed in wp_footer); the features row stays in the page flow.
   ===================================================================== */
body.araz-vid{position:relative;min-height:100vh}
body.araz-vid .araz-page{position:relative;z-index:1;width:calc(100% - 48px);max-width:900px;margin:32px auto 40px;padding:36px 48px 44px;background:#fff;border-radius:24px;box-shadow:0 10px 36px rgba(37,99,235,.10);text-align:center;font-family:inherit}
body.araz-vid .araz-page>div{display:flex;flex-direction:column;align-items:stretch}
body.araz-vid .araz-page>div>br,
body.araz-vid .araz-page p br{display:none}
body.araz-vid .araz-page>div>a[id]{display:block;height:0;overflow:hidden;scroll-margin-top:24px}

/* the three jump links: the first one repeats the title below, so it is hidden; the other two become gradient pills */
body.araz-vid .araz-page a[href="#Installation_Guide"]{display:none !important}
body.araz-vid .araz-page a[href^="#Activation_Guide_"]{position:relative;display:flex !important;align-items:center;justify-content:center;min-height:46px;margin:0 0 12px;padding:10px 56px;border-radius:999px;color:#fff !important;font-family:inherit !important;font-size:14px !important;font-weight:600 !important;line-height:1.6 !important;text-align:center !important;transition:filter .15s}
body.araz-vid .araz-page a[href^="#Activation_Guide_"] *{color:#fff !important;font-family:inherit !important;font-size:inherit !important;text-decoration:none !important}
body.araz-vid .araz-page a[href^="#Activation_Guide_"]:hover{filter:brightness(1.07)}
body.araz-vid .araz-page a[href^="#Activation_Guide_"]:before{content:"";position:absolute;inset-inline-start:20px;top:50%;width:22px;height:22px;margin-top:-11px;background:center/contain no-repeat}
body.araz-vid .araz-page a[href="#Activation_Guide_NotRegistered"]{background:linear-gradient(270deg,#8a3ffc,#a45cf5)}
body.araz-vid .araz-page a[href="#Activation_Guide_NotRegistered"]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 10h18M7 15h4'/%3E%3C/svg%3E")}
body.araz-vid .araz-page a[href="#Activation_Guide_AlreadyRegistered"]{background:linear-gradient(270deg,#7c5cf0,#1e8bff)}
body.araz-vid .araz-page a[href="#Activation_Guide_AlreadyRegistered"]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 3.6-7 8-7s8 3 8 7'/%3E%3C/svg%3E")}

/* section titles (override the pasted inline sizes) */
body.araz-vid .araz-page>div>p{display:flex;flex-direction:column;align-items:center;gap:14px;margin:30px 0 16px !important;background:none !important;font-family:inherit !important;font-size:18px !important;font-weight:800 !important;line-height:1.8 !important;color:var(--navy) !important;text-align:center !important}
body.araz-vid .araz-page>div>p:first-of-type{margin-top:26px !important;font-size:28px !important}

/* "back to top" button: cyan pill instead of the old 3D button */
body.araz-vid .araz-page a.push_button.blue{display:inline-block;position:static;width:auto;height:auto;margin:0;padding:8px 30px;border:0;border-radius:999px;background:linear-gradient(90deg,#22d3ee,#3b9cff) !important;box-shadow:none;text-shadow:none;color:#fff;font-family:inherit;font-size:13px;font-weight:700;line-height:1.6;transition:filter .15s}
body.araz-vid .araz-page a.push_button.blue:before{display:none !important}
body.araz-vid .araz-page a.push_button.blue:hover{filter:brightness(1.07);color:#fff}
body.araz-vid .araz-page a.push_button.blue:active{top:auto;box-shadow:none}

/* Aparat videos */
body.araz-vid .araz-page>div>div[id]{margin:0 0 18px}
body.araz-vid .araz-page .h_iframe-aparat_embed_frame{border-radius:16px;overflow:hidden;background:#000;box-shadow:0 8px 28px rgba(18,36,74,.18)}

/* decorative shield: only where there is free space beside the card */
@media (max-width:1400px){body.araz-vid .araz-reg-art{display:none}}

/* support card pinned to the bottom of the screen (clicks pass through the empty strip around it); used by video, guide and ESET errors pages */
body.araz-vid .araz-dock,body.araz-guide .araz-dock,body.araz-err .araz-dock{position:fixed;inset-inline:0;bottom:0;z-index:900;padding:0 24px 12px;pointer-events:none}
body.araz-vid .araz-dock-in,body.araz-guide .araz-dock-in,body.araz-err .araz-dock-in{max-width:1432px;margin:0 auto;pointer-events:auto}
body.araz-vid .araz-dock .araz-contact,body.araz-guide .araz-dock .araz-contact,body.araz-err .araz-dock .araz-contact{flex-wrap:nowrap;gap:16px;padding:10px 18px;border:1px solid #e3ecfb;box-shadow:0 10px 36px rgba(18,36,74,.22)}
body.araz-vid .araz-dock .araz-contact-title,body.araz-guide .araz-dock .araz-contact-title,body.araz-err .araz-dock .araz-contact-title{flex:0 0 150px}
body.araz-vid .araz-dock .araz-contact-title small,body.araz-guide .araz-dock .araz-contact-title small,body.araz-err .araz-dock .araz-contact-title small{display:none}
body.araz-vid .araz-dock .araz-channels,body.araz-guide .araz-dock .araz-channels,body.araz-err .araz-dock .araz-channels{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
body.araz-vid .araz-dock .araz-ch,body.araz-guide .araz-dock .araz-ch,body.araz-err .araz-dock .araz-ch{min-width:0;padding:6px 10px;gap:8px}
body.araz-vid .araz-dock .araz-ch svg,body.araz-guide .araz-dock .araz-ch svg,body.araz-err .araz-dock .araz-ch svg{width:30px;height:30px}
body.araz-vid .araz-dock .araz-ch span,body.araz-guide .araz-dock .araz-ch span,body.araz-err .araz-dock .araz-ch span{min-width:0;overflow:hidden}
body.araz-vid .araz-dock .araz-ch b,body.araz-guide .araz-dock .araz-ch b,body.araz-err .araz-dock .araz-ch b{font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
body.araz-vid .araz-dock .araz-ch small,body.araz-guide .araz-dock .araz-ch small,body.araz-err .araz-dock .araz-ch small{font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
body.araz-vid .araz-dock .araz-ch.is-chat,body.araz-guide .araz-dock .araz-ch.is-chat,body.araz-err .araz-dock .araz-ch.is-chat{grid-column:auto;justify-content:center;padding:6px 12px}
body.araz-vid .araz-dock .araz-ch.is-chat small,body.araz-guide .araz-dock .araz-ch.is-chat small,body.araz-err .araz-dock .araz-ch.is-chat small{display:none}
body.araz-vid .araz-features,body.araz-guide .araz-features,body.araz-err .araz-features{margin-top:0}
body.araz-vid .araz-footer-in,body.araz-guide .araz-footer-in,body.araz-err .araz-footer-in{padding-bottom:112px} /* room for the pinned card at the very end of the page */
@media (max-width:1300px){ /* keep clear of the Goftino launcher (bottom-left) */
  body.araz-vid .araz-dock-in,body.araz-guide .araz-dock-in,body.araz-err .araz-dock-in{padding-inline-end:100px}
  body.araz-vid .araz-dock .araz-ch:not(.is-chat) small,body.araz-guide .araz-dock .araz-ch:not(.is-chat) small,body.araz-err .araz-dock .araz-ch:not(.is-chat) small{display:none}
}
@media (max-width:1100px){
  body.araz-vid .araz-dock .araz-contact-title,body.araz-guide .araz-dock .araz-contact-title,body.araz-err .araz-dock .araz-contact-title{display:none}
  body.araz-vid .araz-dock .araz-channels,body.araz-guide .araz-dock .araz-channels,body.araz-err .araz-dock .araz-channels{display:flex}
  body.araz-vid .araz-dock .araz-ch:not(.is-chat),body.araz-guide .araz-dock .araz-ch:not(.is-chat),body.araz-err .araz-dock .araz-ch:not(.is-chat){flex:none;padding:6px}
  body.araz-vid .araz-dock .araz-ch:not(.is-chat) span,body.araz-guide .araz-dock .araz-ch:not(.is-chat) span,body.araz-err .araz-dock .araz-ch:not(.is-chat) span{display:none}
  body.araz-vid .araz-dock .araz-ch.is-chat,body.araz-guide .araz-dock .araz-ch.is-chat,body.araz-err .araz-dock .araz-ch.is-chat{flex:1}
}
@media (max-width:767px){
  body.araz-vid .araz-page{width:calc(100% - 24px);margin:26px auto 40px;padding:24px 14px 30px;border-radius:20px}
  body.araz-vid .araz-page a[href^="#Activation_Guide_"]{padding:10px 46px 10px 14px;font-size:12.5px !important}
  body.araz-vid .araz-page a[href^="#Activation_Guide_"]:before{inset-inline-start:12px;width:20px;height:20px;margin-top:-10px}
  body.araz-vid .araz-page>div>p{font-size:16px !important}
  body.araz-vid .araz-page>div>p:first-of-type{font-size:22px !important}
  body.araz-vid .araz-dock,body.araz-guide .araz-dock,body.araz-err .araz-dock{padding:0 12px 10px}
  body.araz-vid .araz-dock-in,body.araz-guide .araz-dock-in,body.araz-err .araz-dock-in{padding-inline-end:84px}
  body.araz-vid .araz-dock .araz-contact,body.araz-guide .araz-dock .araz-contact,body.araz-err .araz-dock .araz-contact{padding:8px}
  body.araz-vid .araz-dock .araz-ch:not(.is-chat),body.araz-guide .araz-dock .araz-ch:not(.is-chat),body.araz-err .araz-dock .araz-ch:not(.is-chat){display:none}
  body.araz-vid .araz-footer-in,body.araz-guide .araz-footer-in,body.araz-err .araz-footer-in{padding-bottom:88px}
}

/* ==========================================================
   ACTIVATOR DOWNLOAD PAGE (page 1083 /activatordownload/, body.araz-act)
   ========================================================== */
body.araz-act{position:relative;min-height:100vh}
body.araz-act .araz-reg-art{top:150px}
body.araz-act .araz-support{padding-top:28px}
.araz-act-card{position:relative;z-index:1;max-width:810px;margin:70px auto 64px;padding:84px 40px 96px;background:#fff;border-radius:24px;box-shadow:0 10px 36px rgba(37,99,235,.10);text-align:center}
.araz-act-card h1{margin:0;font-family:inherit;font-size:25px;font-weight:800;line-height:1.7;color:var(--navy)}
.araz-act-links{display:flex;justify-content:center;align-items:center;gap:110px;margin-top:62px}
.araz-act-link{display:inline-flex;align-items:center;gap:14px;font-size:22px;font-weight:800;color:#1b2fd0;transition:color .15s}
.araz-act-link i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e1eafd;color:var(--blue);transition:background .15s,transform .15s}
.araz-act-link:hover{color:var(--blue)}
.araz-act-link:hover i{background:#cfdcfb;transform:translateX(3px)}
@media (max-width:780px){
  .araz-act-card{margin:32px 12px 40px;padding:44px 18px 52px;border-radius:20px}
  .araz-act-card h1{font-size:20px}
  .araz-act-links{flex-direction:column;gap:26px;margin-top:38px}
  .araz-act-link{font-size:20px}
}

/* ==========================================================
   ACTIVE DEVICES PAGE (pages 1843 /activedevices/ and 1112 /licenseinfo/, body.araz-ad; the license page also has body.araz-lic)
   <main class="araz-page"> becomes the card: title (.araz-ad-title, first <p> of post_content) + shortcode output (.araz-ad-body).
   ========================================================== */
body.araz-ad{position:relative;min-height:100vh}
body.araz-ad .araz-reg-art{top:150px}
body.araz-ad .araz-support{padding-top:28px}
body.araz-ad .araz-page{position:relative;z-index:1;width:calc(100% - 48px);max-width:980px;min-height:410px;margin:96px auto 64px;padding:40px 30px 44px;background:#fff;border-radius:24px;box-shadow:0 10px 36px rgba(37,99,235,.10)}
body.araz-ad .araz-ad-title p{margin:0 0 26px !important;font-family:inherit !important;font-size:26px !important;font-weight:800 !important;line-height:1.6 !important;color:var(--navy) !important;text-align:center !important}
body.araz-ad .araz-ad-body table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #e3eaf7;border-radius:14px;background:#fff;text-align:center}
body.araz-ad .araz-ad-body th{padding:17px 14px;border:0;background:#eef4ff;font-size:15px;font-weight:800;color:var(--navy)}
body.araz-ad .araz-ad-body td{padding:17px 14px;border:0;border-top:1px solid #e8eef9;font-size:16px;color:var(--ink)}
body.araz-ad .araz-ad-body tbody tr:first-child td{border-top:0}
body.araz-ad .araz-ad-body tbody tr:hover td{background:#f8fbff}
body.araz-ad .araz-ad-body th:nth-child(1),body.araz-ad .araz-ad-body td:nth-child(1){width:34%}
body.araz-ad .araz-ad-body th:nth-child(3),body.araz-ad .araz-ad-body td:nth-child(3){width:20%}
body.araz-ad .araz-ad-body form{margin:0}
body.araz-ad .araz-ad-body input[type=submit]{min-width:60px;height:34px;padding:0 16px;border:1px solid #cdd6e6;border-radius:9px;background:#f3f5f9;color:var(--ink);font-family:inherit;font-size:14px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
body.araz-ad .araz-ad-body input[type=submit]:hover{background:#fdecec;border-color:#f0b4b4;color:#c0392b}
@media (max-width:600px){
  body.araz-ad .araz-page{width:calc(100% - 24px);margin:28px auto 40px;padding:26px 14px 28px;border-radius:20px;min-height:0}
  body.araz-ad .araz-ad-title p{font-size:20px !important;margin-bottom:18px !important}
  body.araz-ad .araz-ad-body table{border:0;border-radius:0;overflow:visible;background:none}
  body.araz-ad .araz-ad-body tr{margin:0 0 14px;border:1px solid #e3eaf7;border-radius:14px;background:#f8fbff;overflow:hidden}
  body.araz-ad .araz-ad-body td,body.araz-ad .araz-ad-body td:nth-child(1),body.araz-ad .araz-ad-body td:nth-child(3){display:flex;align-items:center;justify-content:space-between;gap:12px;width:auto;padding:11px 14px;border-top:1px solid #e8eef9;font-size:15px;text-align:start}
  body.araz-ad .araz-ad-body tbody tr:first-child td{border-top:1px solid #e8eef9}
  body.araz-ad .araz-ad-body tr td:first-child{border-top:0 !important}
  body.araz-ad .araz-ad-body td:before{position:static !important;flex:none;font-size:13px;font-weight:700;color:var(--mute)}
  body.araz-ad .araz-ad-body td:nth-child(1):before{content:"نام رایانه" !important}
  body.araz-ad .araz-ad-body td:nth-child(2):before{content:"نسخه آنتی ویروس" !important}
  body.araz-ad .araz-ad-body td:nth-child(3){justify-content:center}
  body.araz-ad .araz-ad-body td:nth-child(3):before{display:none}
}

/* License info page extras (body.araz-lic) */
body.araz-lic.araz-ad .araz-page{max-width:1280px}
body.araz-lic .araz-ad-body th,body.araz-lic .araz-ad-body td{width:auto}
body.araz-lic .araz-ad-body th:nth-child(1),body.araz-lic .araz-ad-body td:nth-child(1),
body.araz-lic .araz-ad-body th:nth-child(3),body.araz-lic .araz-ad-body td:nth-child(3){width:auto}
body.araz-lic .araz-ad-body td{direction:ltr;text-align:center;font-size:15.5px}
body.araz-lic .araz-ad-body th{direction:rtl}
.araz-lic-cell{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;direction:ltr}
.araz-lic-key{letter-spacing:.2px;word-break:break-all}
.araz-copy{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:0;border-radius:8px;background:linear-gradient(135deg,var(--blue),#2f7bf5);color:#fff;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;direction:rtl;transition:filter .15s,transform .15s}
.araz-copy:hover{filter:brightness(1.08)}
.araz-copy:active{transform:scale(.97)}
.araz-copy.ok{background:#16a34a}
@media (max-width:600px){
  body.araz-lic .araz-ad-body td{direction:rtl}
  body.araz-lic .araz-ad-body td:nth-child(1):before{content:"تعداد کاربر" !important}
  body.araz-lic .araz-ad-body td:nth-child(2):before{content:"لایسنس (نسخه ۹ به بالا)" !important}
  body.araz-lic .araz-ad-body td:nth-child(3):before{content:"تاریخ انقضا" !important;display:block}
  body.araz-lic .araz-ad-body td:nth-child(3){justify-content:space-between}
  .araz-lic-cell{justify-content:flex-end;max-width:100%}
}

/* ==========================================================
   WINDOWS 7 INSTALLATION PAGE (page 51 /eset-installation-in-windows7/, body.araz-w7)
   <main class="araz-page"> (built by araz_rd_win7_body()) becomes the white card;
   soft sub-cards (.araz-w7-col) holding the KB update links.
   ========================================================== */
body.araz-w7{position:relative;min-height:100vh}
body.araz-w7 .araz-reg-art{top:150px}
body.araz-w7 .araz-support{padding-top:28px}
body.araz-w7 .araz-page{position:relative;z-index:1;width:calc(100% - 48px);max-width:1030px;margin:96px auto 64px;padding:40px 48px 44px;background:#fff;border-radius:24px;box-shadow:0 10px 36px rgba(37,99,235,.10)}

/* title + explanation */
body.araz-w7 .araz-w7-title{margin:0 0 34px;font-family:inherit;font-size:25px;font-weight:800;line-height:1.7;color:var(--navy);text-align:center}
body.araz-w7 .araz-w7-text{margin:0 0 40px;font-family:inherit;font-size:15px;font-weight:500;line-height:2.1;color:var(--ink);text-align:center}
body.araz-w7 .araz-w7-text br{display:none}

/* two sub-cards */
body.araz-w7 .araz-w7-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}
body.araz-w7 .araz-w7-col{padding:26px 18px 30px;background:#fff;border-radius:18px;box-shadow:0 6px 24px rgba(37,99,235,.10)}
body.araz-w7 .araz-w7-col br{display:none}
body.araz-w7 h2.h2class{margin:0 0 26px !important;font-family:inherit !important;font-size:21px !important;font-weight:800 !important;line-height:1.6 !important;color:var(--navy) !important;text-align:center !important}
body.araz-w7 table#linkWarpper{display:block;width:100% !important;margin:0 !important;padding:0 !important;border:0}
body.araz-w7 table#linkWarpper tbody{display:block}
body.araz-w7 table#linkWarpper tr{display:flex;justify-content:center;align-items:center;gap:44px;padding:0}
body.araz-w7 table#linkWarpper tr:empty{display:none}
body.araz-w7 table#linkWarpper td{display:block;width:auto !important;padding:0 !important;font-family:inherit;font-size:18px;text-align:center}
body.araz-w7 table#linkWarpper td a{color:#1b2fd0;transition:color .15s}
body.araz-w7 table#linkWarpper td a:hover{color:var(--blue)}

@media (max-width:1180px){body.araz-w7 .araz-reg-art{display:none}}
@media (max-width:767px){
  body.araz-w7 .araz-page{width:calc(100% - 24px);margin:28px auto 40px;padding:26px 14px 28px;border-radius:20px}
  body.araz-w7 .araz-w7-title{font-size:20px;margin-bottom:22px}
  body.araz-w7 .araz-w7-text{font-size:14px;margin-bottom:26px}
  body.araz-w7 .araz-w7-cols{grid-template-columns:1fr}
  body.araz-w7 table#linkWarpper tr{gap:28px}
  body.araz-w7 table#linkWarpper td{font-size:16px}
}

/* ==========================================================
   ESET ACTIVATION ERRORS PAGE (/eset-activation-errors, body.araz-err)
   <main class="araz-page"> = white card: .araz-err-hero (title band) + .araz-err-body holding Content/eset-errors.html (the table).
   ========================================================== */
body.araz-err{position:relative;min-height:100vh}
body.araz-err .araz-reg-art{top:150px}
body.araz-err .araz-support{padding-top:28px}
body.araz-err .araz-page{position:relative;z-index:1;width:calc(100% - 48px);max-width:1160px;margin:32px auto 56px;padding:0;overflow:hidden;background:#fff;border-radius:24px;box-shadow:0 10px 36px rgba(37,99,235,.10)}
body.araz-err .araz-err-hero{padding:34px 24px 40px;background:linear-gradient(180deg,#dff2ff 0%,#f1f9ff 70%,#fff 100%);text-align:center}
body.araz-err .araz-err-hero h1{display:inline-block;margin:0;padding-bottom:16px;position:relative;font-family:inherit;font-size:25px;font-weight:800;line-height:1.7;color:var(--navy)}
body.araz-err .araz-err-hero h1:after{content:"";position:absolute;bottom:0;left:50%;width:84px;height:3px;margin-left:-42px;border-radius:3px;background:linear-gradient(90deg,#22d3ee,#3b9cff)}
body.araz-err .araz-err-body{padding:0 16px 20px}
body.araz-err .araz-err-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #cfe0f5;border-radius:16px;background:#fff;font-size:14px;line-height:1.9;color:var(--ink)}
body.araz-err .araz-err-table thead th{padding:14px 16px;background:linear-gradient(90deg,#0b3a86,#1d6fd6);color:#fff;font-size:14px;font-weight:700;text-align:center}
body.araz-err .araz-err-table thead th:last-child{text-align:center}
body.araz-err .araz-err-table td,body.araz-err .araz-err-table tbody th{padding:11px 16px;border-top:1px solid #e3ecf8;vertical-align:middle;text-align:right;font-weight:500}
body.araz-err .araz-err-table tbody th{width:150px;border-inline-start:1px solid #e3ecf8;color:#1d4ed8;font-weight:700;text-align:center;direction:ltr;white-space:nowrap}
body.araz-err .araz-err-table tbody tr:nth-child(even) th,body.araz-err .araz-err-table tbody tr:nth-child(even) td{background:#f4f8ff}
body.araz-err .araz-err-table tbody tr:first-child th,body.araz-err .araz-err-table tbody tr:first-child td{border-top:0}
@media (max-width:1180px){body.araz-err .araz-reg-art{display:none}}
@media (max-width:767px){
  body.araz-err .araz-page{width:calc(100% - 24px);margin:20px auto 40px;border-radius:20px}
  body.araz-err .araz-err-hero{padding:24px 14px 30px}
  body.araz-err .araz-err-hero h1{font-size:19px}
  body.araz-err .araz-err-body{padding:0 8px 14px}
  body.araz-err .araz-err-table{font-size:13px}
  body.araz-err .araz-err-table td,body.araz-err .araz-err-table tbody th{padding:9px 10px}
  body.araz-err .araz-err-table tbody th{width:96px;white-space:normal;word-break:break-all}
}

/* ==========================================================
   PROFILE EDITOR PAGE (page 93 /edit-user-profile/, body.araz-pf)
   Own form printed by araz_rd_profile_card() (no Profile Builder). The page body is never printed.
   ========================================================== */
body.araz-pf{position:relative;min-height:100vh}
body.araz-pf .araz-reg-art{top:170px}
body.araz-pf .araz-support{padding-top:28px}
/* on short states (logged-out card) the decorative shield must not paint over the support strip */
body.araz-pf .araz-lower{position:relative;z-index:1}
.araz-pf-card{position:relative;z-index:1;max-width:742px;margin:34px auto 64px;padding:32px 36px 38px;background:#fff;border-radius:24px;box-shadow:0 10px 36px rgba(37,99,235,.10)}
.araz-pf-head{display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;gap:12px}
.araz-pf-ico{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1.5px solid #cbd7ee;border-radius:50%;background:#f6f9ff;color:var(--navy)}
.araz-pf-head h1{margin:0;font-family:inherit;font-size:23px;font-weight:800;line-height:1.5;color:var(--navy)}
.araz-pf-sub{margin:8px 0 30px;text-align:center;font-size:13.5px;line-height:1.9;color:var(--mute)}
.araz-pf-note{margin:-8px 0 22px;padding:12px 16px;border:1px solid;border-radius:12px;font-size:14px;line-height:1.9}
.araz-pf-note.is-ok{background:#eaf8ef;border-color:#bfe6cc;color:#176b3a}
.araz-pf-note.is-err{background:#fdeeee;border-color:#f3c1be;color:#a52a22}
.araz-pf-form{margin:0}
.araz-pf-row{display:grid;grid-template-columns:130px minmax(0,1fr);column-gap:14px;align-items:start;margin:0 0 16px}
.araz-pf-row>label{padding-top:8px;font-size:14.5px;font-weight:700;line-height:22px;color:var(--ink)}
.araz-pf-req{margin-inline-start:2px;color:#d93025}
.araz-pf-field{min-width:0}
.araz-pf-field input{display:block;width:100%;height:38px;margin:0;padding:0 14px;border:1px solid #e3eaf7;border-radius:10px;background:#fff;box-shadow:0 2px 8px rgba(37,99,235,.05);font-family:inherit;font-size:14px;line-height:36px;color:#56627e;outline:0;transition:border-color .15s,box-shadow .15s}
.araz-pf-field input.is-ltr{direction:ltr;text-align:right}
.araz-pf-field input:focus{border-color:#8fb0f5;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.araz-pf-field input:disabled{background:#f6f8fc;color:#7b869e;cursor:not-allowed;box-shadow:none}
.araz-pf-row.has-err input{border-color:#e8a4a0;background:#fffafa}
.araz-pf-hint{display:block;margin-top:6px;font-size:11.5px;line-height:1.8;color:var(--mute)}
.araz-pf-err{display:block;margin-top:6px;font-size:12.5px;line-height:1.8;color:#c0392b}
.araz-pf-actions{display:flex;justify-content:flex-start;margin-top:26px}
.araz-pf-actions.is-center{justify-content:center;margin-top:8px}
.araz-pf-btn{display:inline-flex;align-items:center;justify-content:center;min-width:156px;height:42px;padding:0 26px;border:0;border-radius:12px;background:linear-gradient(90deg,#1d6bff,#4f7dff);box-shadow:0 8px 18px rgba(37,99,235,.28);color:#fff;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:filter .15s,transform .15s}
.araz-pf-btn:hover{filter:brightness(1.07);color:#fff}
.araz-pf-btn:active{filter:brightness(.97);transform:translateY(1px)}
.araz-pf-btn:disabled,.araz-pf-btn.is-busy{opacity:.7;cursor:wait}
@media (max-width:1180px){body.araz-pf .araz-reg-art{display:none}}
@media (max-width:640px){
  .araz-pf-card{margin:20px 0 40px;padding:24px 16px 28px;border-radius:20px}
  .araz-pf-head h1{font-size:20px}
  .araz-pf-sub{margin-bottom:22px}
  .araz-pf-row{grid-template-columns:minmax(0,1fr);row-gap:6px}
  .araz-pf-row>label{padding-top:0}
  .araz-pf-actions .araz-pf-btn{width:100%}
}

/* ==========================================================
   CONTACT PAGE (page 78 /contactus/, body.araz-ct)
   The page body is never printed; the card is printed by araz_rd_contact_card_page().
   ========================================================== */
body.araz-ct{position:relative;min-height:100vh}
body.araz-ct .araz-reg-art{top:190px}
body.araz-ct .araz-support{padding-top:28px}
/* the decorative shield must not paint over the support strip on short pages */
body.araz-ct .araz-lower{position:relative;z-index:1}
.araz-ct-card{position:relative;z-index:1;max-width:678px;margin:34px auto 64px;padding:40px 56px 64px;background:#fff;border-radius:24px;box-shadow:0 10px 36px rgba(37,99,235,.10)}
.araz-ct-card h1{margin:0 0 36px;text-align:center;font-family:inherit;font-size:38px;font-weight:800;line-height:1.5;color:var(--navy)}
.araz-ct-list{display:flex;flex-direction:column;gap:20px}
.araz-ct-row{display:flex;align-items:flex-start;gap:16px;padding:18px 20px 20px;border:1px solid #e6edf8;border-radius:16px;background:#f7faff;box-shadow:0 2px 8px rgba(37,99,235,.04)}
.araz-ct-ico{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#e3eeff;color:#1672f3}
.araz-ct-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.araz-ct-txt strong{font-size:19px;font-weight:800;line-height:1.6;color:var(--navy)}
.araz-ct-txt span{font-size:20px;line-height:1.7;color:var(--ink);overflow-wrap:anywhere}
.araz-ct-txt span[dir=ltr]{text-align:right}
@media (max-width:1180px){body.araz-ct .araz-reg-art{display:none}}
@media (max-width:767px){
  .araz-ct-card{margin:20px 0 40px;padding:26px 14px 32px;border-radius:20px}
  .araz-ct-card h1{margin-bottom:22px;font-size:28px}
  .araz-ct-row{gap:12px;padding:14px 14px 16px}
  .araz-ct-ico{width:40px;height:40px}
  .araz-ct-txt strong{font-size:16px}
  .araz-ct-txt span{font-size:17px}
}

/* ==========================================================
   RESET PASSWORD PAGE (page 1000 /reset-password/, body.araz-rs)
   Card printed by araz_rd_reset_card(); it reuses the .araz-pf-* form classes of the profile editor.
   ========================================================== */
body.araz-rs{position:relative;min-height:100vh}
body.araz-rs .araz-reg-art{top:170px}
body.araz-rs .araz-support{padding-top:28px}
body.araz-rs .araz-lower{position:relative;z-index:1}
.araz-rs-card{max-width:560px}
.araz-rs-card .araz-pf-note{margin-top:0}
@media (max-width:1180px){body.araz-rs .araz-reg-art{display:none}}

/* ==========================================================
   TRUST SEAL PAGE (page 889 /trustseallogo/, body.araz-ts)
   ========================================================== */
body.araz-ts{position:relative;min-height:100vh}
body.araz-ts .araz-reg-art{top:190px}
body.araz-ts .araz-support{padding-top:28px}
body.araz-ts .araz-lower{position:relative;z-index:1}
.araz-ts-card{position:relative;z-index:1;max-width:686px;min-height:490px;margin:34px auto 64px;padding:44px 24px 40px;background:#fff;border-radius:24px;box-shadow:0 10px 36px rgba(37,99,235,.10);text-align:center}
.araz-ts-link{display:inline-flex;flex-direction:column;align-items:center;gap:18px;color:#1d2fd6;font-size:20px;font-weight:500;line-height:1.7}
.araz-ts-link img{display:block;width:110px;height:auto;max-width:100%;margin:0 auto}
.araz-ts-link:hover span{text-decoration:underline}
@media (max-width:1180px){body.araz-ts .araz-reg-art{display:none}}
@media (max-width:640px){.araz-ts-card{min-height:0;margin:20px 0 40px;padding:30px 14px 34px;border-radius:20px}.araz-ts-link{font-size:17px}}

/* ==========================================================
   GENERIC PAGE FALLBACK (template araz-page.php, pages that are not redesigned shell pages but were set to Elementor's canvas template,
   e.g. the logged-in My Account page and the order-received page; only used while Elementor is deactivated)
   ========================================================== */
.araz-plain{max-width:1140px;margin:0 auto;padding:24px 16px}

/* ==========================================================
   ORDER-RECEIVED / LICENSE PAGE (checkout thank-you endpoint of page 81, body.araz-or)
   ========================================================== */
body.araz-or{position:relative;min-height:100vh}
body.araz-or .araz-reg-art{top:190px}
body.araz-or .araz-lower{position:relative;z-index:1}
body.araz-or .araz-page{position:relative;z-index:1;width:100%;max-width:1180px;margin:0 auto;padding:28px 24px 8px}
.araz-or-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.araz-or-title{margin:0 0 18px;font-size:26px;font-weight:800;line-height:1.5;color:var(--navy)}
.araz-or-note{display:flex;align-items:center;gap:16px;margin:0 0 20px;padding:20px 22px;border-radius:16px;background:#e8f1ff;color:var(--ink);box-shadow:0 6px 20px rgba(37,99,235,.06)}
.araz-or-note i{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--blue);color:#fff;font:800 20px/1 serif}
.araz-or-note p{margin:0;font-size:14.5px;line-height:1.95}
.araz-or-card{padding:26px 28px 28px;border-radius:20px;background:#fff;box-shadow:0 10px 36px rgba(37,99,235,.10)}
.araz-or-plain{max-width:900px;margin:0 auto;line-height:1.9}
.araz-or-head{display:flex;align-items:center;gap:12px;margin:0 0 10px;font-size:19px;font-weight:800;color:var(--navy)}
.araz-or-head svg{flex:none;color:var(--blue)}
.araz-or-row{display:grid;grid-template-columns:230px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 4px;border-top:1px solid #edf2fb}
.araz-or-head+.araz-or-row{border-top:0}
.araz-or-lbl{font-size:14.5px;color:var(--mute)}
.araz-or-val{font-size:15.5px;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.araz-or-copy{display:inline-flex;align-items:center;gap:6px;margin:0;padding:7px 16px;border:0;border-radius:9px;background:var(--blue);color:#fff;font:600 13px/1.4 inherit;font-family:inherit;cursor:pointer;transition:background .15s}
.araz-or-copy:hover{background:#1747c2}
.araz-or-copy.ok{background:#16a34a}
.araz-or-wait{margin:10px 0 0;padding:18px 20px;border-radius:14px;background:#fff7e6;color:#8a5a00;font-size:14.5px;line-height:1.95}
.araz-or-btns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.araz-or-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 18px;border-radius:12px;background:linear-gradient(90deg,var(--blue),var(--violet));color:#fff;font-size:14px;font-weight:700;text-align:center;box-shadow:0 8px 18px rgba(79,70,229,.22);transition:filter .15s}
.araz-or-btn:hover{filter:brightness(1.07);color:#fff}
.araz-or-help{display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px 22px 26px;border-radius:20px;background:#fff;box-shadow:0 10px 36px rgba(37,99,235,.10);text-align:center}
.araz-or-help-ico{display:grid;place-items:center;min-height:64px;margin-bottom:6px}
.araz-or-help-ico img{display:block;width:73px;height:auto}
.araz-or-help strong{font-size:19px;font-weight:800;color:var(--navy)}
.araz-or-help small{margin-bottom:12px;font-size:14px;color:var(--mute)}
.araz-or-help .araz-or-btn{width:100%}
@media (max-width:1180px){body.araz-or .araz-reg-art{display:none}}
@media (max-width:900px){
  .araz-or-grid{grid-template-columns:minmax(0,1fr)}
  .araz-or-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}
  .araz-or-lbl{grid-column:1/-1}
  .araz-or-btns{grid-template-columns:1fr}
}
@media (max-width:640px){
  body.araz-or .araz-page{padding:10px 12px 0}
  .araz-or-title{font-size:22px}
  .araz-or-card{padding:20px 16px 22px;border-radius:18px}
  .araz-or-note{padding:16px;gap:12px}
}