/*
Theme Name: Atrin IT
Description: پوسته فارسی آترین آی تی، سازگار با المنتور و ووکامرس.
Version: 1.0.0
Text Domain: atrinit
*/

  body{background:#05060f;color:#e2e8f0;font-family:'Vazirmatn',sans-serif;overflow-x:hidden}
  .text-gradient{background:linear-gradient(90deg,#7c3aed,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}
  .no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none}

  .stars{background-image:
    radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.35) 50%,transparent 50%),
    radial-gradient(1px 1px at 70% 20%,rgba(255,255,255,.25) 50%,transparent 50%),
    radial-gradient(1.5px 1.5px at 40% 70%,rgba(167,139,250,.4) 50%,transparent 50%),
    radial-gradient(1px 1px at 85% 60%,rgba(255,255,255,.2) 50%,transparent 50%);
    background-size:260px 260px;}

  .ring-conic{background:conic-gradient(from 0deg,transparent 0%,#8b5cf6 18%,#f59e0b 38%,transparent 55%,#d946ef 75%,transparent 100%);
    -webkit-mask:radial-gradient(closest-side,transparent 76%,#000 78%);mask:radial-gradient(closest-side,transparent 76%,#000 78%);filter:blur(1px)}
  @keyframes spinSlow{to{transform:rotate(360deg)}}
  @keyframes spinRev{to{transform:rotate(-360deg)}}
  .animate-spin-slower{animation:spinSlow 14s linear infinite}
  .animate-spin-rev{animation:spinRev 9s linear infinite}
  @keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
  .animate-floaty{animation:floaty 5s ease-in-out infinite}

  .phone{width:225px;border-radius:2.4rem;border:1px solid rgba(139,92,246,.35);
    background:linear-gradient(165deg,#221040,#0b0d1c 65%);
    box-shadow:0 30px 60px -20px rgba(124,58,237,.45), inset 0 0 0 6px #000;}

  .spin-badge{animation:spinSlow 22s linear infinite}

  .owl-dots{margin-top:1.2rem!important;text-align:center}
  .owl-dot span{background:#3b2a63!important;margin:0 4px!important}
  .owl-dot.active span{background:#8b5cf6!important;width:22px!important;border-radius:9999px!important;transition:.3s}

  .modal{visibility:hidden;opacity:0;transition:.3s}
  .modal.open{visibility:visible;opacity:1}
  .modal .backdrop{opacity:0;transition:.3s}
  .modal.open .backdrop{opacity:1}
  /* کشو از راست (منو) */
  .sheet-right{transform:translateX(100%);transition:transform .35s cubic-bezier(.22,.9,.36,1)}
  .modal.open .sheet-right{transform:none}
  /* کشو از چپ (سبد/علاقه‌مندی) */
  .sheet-left{transform:translateX(-100%);transition:transform .35s cubic-bezier(.22,.9,.36,1)}
  .modal.open .sheet-left{transform:none}
  .pop{transform:translateY(24px) scale(.97);opacity:0;transition:.3s}
  .modal.open .pop{transform:none;opacity:1}

  /* ورودی‌ها — آیکن سمت راست */
  .input{width:100%;background:#12142a;border:1px solid #2b2f52;border-radius:.8rem;padding:.8rem 2.6rem .8rem 1rem;color:#e2e8f0;outline:none;transition:.2s;font-family:inherit}
  .input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.2)}
  .input-icon{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);color:#64748b;font-size:.85rem}

.site-content { max-width: 1200px; margin: auto; padding: 3rem 1.5rem; min-height: 45vh; }
.site-content a { color: #a78bfa; }
.site-content img { max-width: 100%; height: auto; }
.atrinit-menu { display:flex; gap:1.75rem; }
.atrinit-video { width:100%; height:100%; object-fit:cover; border-radius:2rem; }
.woocommerce ul.products li.product, .woocommerce div.product { color:#e2e8f0; }
.woocommerce input, .woocommerce textarea, .woocommerce select { color:#111827; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; } }
.atrinit-order-panel { max-width: 860px; margin: auto; padding: clamp(1.5rem, 5vw, 3rem); border: 1px solid rgba(139,92,246,.25); border-radius: 1.5rem; background: #0b0d1c; }
.atrinit-order-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.atrinit-order-fields label { display: block; color: #cbd5e1; font-size: .875rem; }
.atrinit-order-fields input:not([type=submit]), .atrinit-order-fields select, .atrinit-order-fields textarea { display: block; width: 100%; margin-top: .5rem; padding: .8rem 1rem; border: 1px solid #2b2f52; border-radius: .8rem; background: #12142a; color: #e2e8f0; }
.atrinit-order-fields textarea { min-height: 140px; }
.atrinit-order-fields input:focus, .atrinit-order-fields select:focus, .atrinit-order-fields textarea:focus { outline: 2px solid #8b5cf6; outline-offset: 2px; }
.atrinit-order-fields input[type=submit] { padding: .8rem 1.5rem; border: 0; border-radius: .8rem; background: linear-gradient(to left, #7c3aed, #c026d3); color: white; cursor: pointer; }
.atrinit-order-message { grid-column: 1 / -1; }
@media (max-width: 600px) { .atrinit-order-fields { grid-template-columns: 1fr; } }
/* Atrin editorial home */
.atrin-home { background: #080810; color: #f6f4ff; overflow: hidden; }
.atrin-wrap { width: min(1280px, calc(100% - 48px)); margin-inline: auto; }
.atrin-hero { position: relative; min-height: min(850px, calc(100svh - 80px)); display: flex; isolation: isolate; background: #0a0812; }
.atrin-hero-video, .atrin-manifesto video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.atrin-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(270deg, rgba(7,6,14,.96) 4%, rgba(7,6,14,.77) 44%, rgba(7,6,14,.15) 100%), linear-gradient(0deg,#080810 0%, transparent 28%); }
.atrin-hero-inner { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding-block: 110px 36px; }
.atrin-eyebrow, .atrin-kicker { color: #b6a2ff; font-size: .78rem; font-weight: 700; letter-spacing: .04em; }
.atrin-eyebrow { display: flex; align-items: center; gap: .65rem; }.atrin-eyebrow span { width: 8px; height: 8px; border-radius: 50%; background: #b9ff92; box-shadow: 0 0 20px #b9ff92; }
.atrin-hero h1, .atrin-section h2, .atrin-manifesto h2 { font-size: clamp(2.5rem, 5.5vw, 5.8rem); line-height: 1.35; font-weight: 900; letter-spacing: -.045em; margin: 1.5rem 0; }
.atrin-home em { font-style: normal; color: #b8a2ff; }.atrin-hero p, .atrin-section-heading > p, .atrin-manifesto p { max-width: 540px; color: #b2adc1; line-height: 2.1; font-size: 1rem; }
.atrin-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 2rem; margin-top: 2.5rem; }.atrin-button { display: inline-flex; align-items: center; gap: 3rem; padding: 1rem 1.3rem; border-radius: 12px; background: #b9ff92; color: #10150d; font-weight: 800; }.atrin-button span { font-size: 1.4rem; }.atrin-text-link { color: #eee9ff; font-weight: 700; font-size: .9rem; }.atrin-text-link span { margin-right: .8rem; }
.atrin-hero-bottom { width: 100%; display: flex; justify-content: space-between; gap: 1rem; color: #9993a9; font-size: .75rem; margin-top: auto; padding-top: 6rem; }
.atrin-section { padding-block: clamp(80px, 10vw, 150px); }.atrin-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 3rem; margin-bottom: 3.5rem; }.atrin-section h2, .atrin-manifesto h2 { font-size: clamp(2rem, 4vw, 4.25rem); margin-bottom: 0; }.atrin-section-heading > p { max-width: 390px; }
.atrin-services { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }.atrin-services article { position: relative; overflow: hidden; border: 1px solid #292535; border-radius: 20px; background: #111019; transition: transform .3s, border-color .3s; }.atrin-services article:hover { transform: translateY(-6px); border-color: #9b80eb; }.atrin-number { display: block; padding: 1.4rem 1.5rem 0; color: #a29bb6; font: 600 .7rem sans-serif; letter-spacing: .12em; direction: ltr; }.atrin-services img { width: 100%; height: 210px; object-fit: cover; margin-top: 1rem; }.atrin-services article > div { padding: 1.5rem; }.atrin-services h3, .atrin-process h3 { font-size: 1.25rem; font-weight: 800; }.atrin-services p, .atrin-process p { color: #a8a2b6; line-height: 2; font-size: .85rem; margin-top: .75rem; }.atrin-services article a { display: inline-grid; place-items: center; width: 42px; height: 42px; border: 1px solid #514761; border-radius: 50%; margin-top: 1.5rem; }
.atrin-showcase { display: grid; grid-template-columns: 1.35fr 1fr; gap: clamp(2rem, 6vw, 6rem); align-items: center; margin-top: 2rem; }.atrin-showcase-reverse { direction: ltr; margin-top: 7rem; }.atrin-showcase-reverse > * { direction: rtl; }.atrin-showcase-image { overflow: hidden; border-radius: 20px; background: #181324; }.atrin-showcase-image img { width: 100%; aspect-ratio: 1.55; object-fit: cover; transition: transform .6s; }.atrin-showcase:hover img { transform: scale(1.04); }.atrin-showcase-copy h3 { font-size: clamp(1.8rem, 3vw, 3.1rem); line-height: 1.5; font-weight: 800; margin: 1rem 0; }.atrin-showcase-copy p { color: #a8a2b6; line-height: 2.1; margin-bottom: 2rem; }
.atrin-manifesto { position: relative; isolation: isolate; overflow: hidden; min-height: 600px; display: flex; align-items: center; }.atrin-manifesto::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(270deg,rgba(12,8,22,.96),rgba(12,8,22,.65) 55%,rgba(12,8,22,.25)); }.atrin-manifesto-copy { padding-block: 100px; }.atrin-manifesto p { margin: 1.5rem 0 2rem; }.atrin-process { display: grid; grid-template-columns: repeat(3,1fr); gap: 2rem; }.atrin-process > div { border-top: 1px solid #51475e; padding-top: 1.5rem; }.atrin-process span { display: block; color: #b9ff92; font: 600 .9rem sans-serif; margin-bottom: 2rem; }
@media (max-width: 767px) { .atrin-wrap { width: calc(100% - 36px); }.atrin-hero { min-height: 720px; }.atrin-hero::before { background: linear-gradient(0deg,#080810 0%,rgba(7,6,14,.55) 55%,rgba(7,6,14,.8)); }.atrin-hero-inner { padding-top: 90px; }.atrin-hero-bottom { flex-direction: column; }.atrin-section-heading { display: block; }.atrin-section-heading > p { margin-top: 1.5rem; }.atrin-services, .atrin-showcase, .atrin-process { grid-template-columns: 1fr; }.atrin-showcase-reverse { direction: rtl; margin-top: 4rem; }.atrin-manifesto { min-height: 560px; }.atrin-process { gap: 2.5rem; } }
/* Studio design */
:root { --atrin-bg:#090813; --atrin-ink:#f7f5ff; --atrin-muted:#aaa5b9; --atrin-accent:#bc9cff; }
html { scroll-behavior:smooth; scroll-padding-top:100px; }
body { background:var(--atrin-bg); color:var(--atrin-ink); }
.atrin-skip { position:fixed; right:1rem; top:-100px; z-index:100000; padding:1rem; background:#fff; color:#111; }.atrin-skip:focus { top:1rem; }
.atrin-header { position:absolute; top:0; inset-inline:0; z-index:50; border-bottom:1px solid rgba(255,255,255,.1); background:rgba(9,8,19,.7); backdrop-filter:blur(20px); }
.admin-bar .atrin-header { top:32px; }.atrin-header-inner { width:min(1380px,calc(100% - 64px)); min-height:88px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.atrin-brand a { display:flex; align-items:center; gap:.7rem; color:#fff; font-size:1.12rem; font-weight:900; line-height:1.2; }.atrin-brand small { display:block; margin-top:.35rem; color:#a29bab; font:600 .52rem sans-serif; letter-spacing:.18em; direction:ltr; }.atrin-brand-mark { display:grid; place-items:center; width:43px; height:43px; background:#bba0ff; color:#140d27; border-radius:13px; font-size:1.8rem; }.atrin-brand .custom-logo { max-height:56px; width:auto; }
.atrin-desktop-nav .atrinit-menu { gap:2.7rem; color:#c5bfce; font-size:.84rem; }.atrin-desktop-nav a:hover,.atrin-footer a:hover { color:#c9b6ff; }.atrin-header-actions { display:flex; align-items:center; gap:1.2rem; }.atrin-cart { display:flex; align-items:center; gap:.45rem; color:#e9e4f4; }.atrin-cart span { display:grid; place-items:center; min-width:20px; height:20px; border-radius:50%; background:#2d2344; font-size:.7rem; }.atrin-header-cta { display:flex; align-items:center; gap:1.5rem; padding:.75rem 1.15rem; background:#f4efff; color:#1b132a; border-radius:9px; font-size:.82rem; font-weight:800; }.atrin-header-cta span { font-size:1.2rem; }.atrin-menu-toggle { display:none; width:42px; height:42px; padding:11px; border:1px solid #50445f; border-radius:9px; }.atrin-menu-toggle span { display:block; height:2px; margin:5px 0; background:#fff; }.atrin-mobile-nav[hidden] { display:none; }.atrin-mobile-nav { padding:1rem 24px 1.5rem; background:#11101d; }.atrin-mobile-nav a { display:block; padding:.65rem 0; color:#e9e4f4; }
.atrin-home { background:#090813; }.atrin-wrap { width:min(1280px,calc(100% - 64px)); }.atrin-hero { min-height:860px; }.atrin-hero::before { background:linear-gradient(270deg,rgba(9,8,19,.99) 3%,rgba(9,8,19,.88) 32%,rgba(9,8,19,.32) 74%),linear-gradient(0deg,#090813,transparent 34%); }.atrin-hero-inner { padding-top:155px; }.atrin-eyebrow { text-transform:uppercase; letter-spacing:.08em; }.atrin-eyebrow span { background:#c3a6ff; box-shadow:0 0 20px #ae82ff; }.atrin-hero h1 { font-size:clamp(3.2rem,6.7vw,6.8rem); line-height:1.3; letter-spacing:-.055em; }.atrin-home em,.atrin-contact em { color:#c0a5ff; }.atrin-hero p { max-width:470px; font-size:1rem; }.atrin-button { background:#c6adff; color:#140d21; padding:1.1rem 1.4rem; }.atrin-button:hover { background:#e4d7ff; }.atrin-hero-bottom { border-top:1px solid rgba(255,255,255,.14); padding-top:1.6rem; margin-top:7rem; }.atrin-hero-bottom b { color:#b694ff; padding:0 .8rem; }.atrin-hero-bottom a span { display:inline-grid; place-items:center; border:1px solid #655c72; width:34px; height:34px; border-radius:50%; margin-right:1rem; }
.atrin-section { position:relative; }.atrin-section-heading { margin-bottom:4rem; }.atrin-kicker { color:#b99df4; }.atrin-services { gap:1px; border:1px solid #322b3d; border-radius:18px; overflow:hidden; background:#322b3d; }.atrin-services article { border:0; border-radius:0; background:#11101b; }.atrin-services article:hover { transform:none; background:#181422; }.atrin-number { padding:1.7rem 1.7rem 0; color:#9f8ab9; }.atrin-services img { width:calc(100% - 3.4rem); margin:1.6rem auto 0; height:auto; aspect-ratio:1.65; border-radius:10px; }.atrin-services article > div { padding:1.6rem 1.7rem 2rem; }.atrin-services article a { color:#d9caff; border-color:#6e5c84; transition:background .2s,color .2s; }.atrin-services article a:hover { background:#c6adff; color:#181025; }
.atrin-showcase { gap:clamp(2rem,7vw,7rem); }.atrin-showcase-image { border:1px solid #302a3a; border-radius:14px; }.atrin-showcase-copy h3 { color:#faf8ff; }.atrin-showcase-copy .atrin-text-link { display:inline-block; border-bottom:1px solid #a98bd7; padding-bottom:.6rem; }.atrin-manifesto { min-height:680px; }.atrin-manifesto::before { background:linear-gradient(270deg,rgba(12,8,22,.97),rgba(12,8,22,.72) 45%,rgba(12,8,22,.1)); }.atrin-process > div { border-color:#544764; }.atrin-process span { color:#c1a7ff; }
.atrin-contact { position:relative; overflow:hidden; background:radial-gradient(circle at 85% 20%,#30204d 0,transparent 38%),#13101f; padding:clamp(80px,9vw,140px) 0; border-top:1px solid #342a43; }.atrin-contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(3rem,7vw,8rem); align-items:start; }.atrin-contact-intro h2 { font-size:clamp(2.3rem,4vw,4.1rem); font-weight:900; line-height:1.45; margin:1.3rem 0; letter-spacing:-.04em; }.atrin-contact-intro p { max-width:400px; color:#b8b0c3; line-height:2.1; }.atrin-contact-decoration { color:#9a79d1; font-size:clamp(7rem,15vw,13rem); line-height:1; opacity:.22; margin-top:3rem; }.atrinit-order-panel { width:100%; padding:clamp(1.5rem,3vw,2.5rem); background:#1a1626; border:1px solid #453a54; border-radius:18px; }.atrinit-order-panel h3 { font-size:1.35rem; font-weight:800; }.atrinit-order-panel > p { color:#aaa2b6; font-size:.84rem; margin:.6rem 0 2rem; }.atrinit-order-fields input:not([type=submit]),.atrinit-order-fields select,.atrinit-order-fields textarea { background:#100e19; border-color:#4a4058; }.atrinit-order-fields input[type=submit] { background:#c6adff; color:#181025; font-weight:800; }.atrinit-order-fields label { color:#e1dbe9; }.atrinit-order-fields .wpcf7-not-valid-tip { font-size:.75rem; margin-top:.4rem; }
.atrin-footer { background:#090813; padding:4rem 0 1.5rem; }.atrin-footer-top { display:flex; align-items:start; justify-content:space-between; gap:3rem; padding-bottom:4rem; }.atrin-footer-brand { color:white; font-weight:900; font-size:1.5rem; }.atrin-footer-brand span { color:#b99df4; }.atrin-footer-top p { color:#9992a7; margin-top:.7rem; }.atrin-footer-links { display:flex; flex-wrap:wrap; gap:2rem; color:#c1bac9; font-size:.85rem; }.atrin-footer-bottom { display:flex; justify-content:space-between; gap:1rem; padding-top:1.5rem; border-top:1px solid #2b2633; color:#8d8798; font-size:.75rem; }
@media(max-width:900px) { .atrin-header-inner { width:calc(100% - 40px); min-height:74px; }.atrin-desktop-nav,.atrin-header-cta { display:none; }.atrin-menu-toggle { display:block; }.atrin-contact-grid { grid-template-columns:1fr; gap:2rem; }.atrin-contact-decoration { display:none; } }
@media(max-width:767px) { .atrin-wrap { width:calc(100% - 40px); }.atrin-hero { min-height:760px; }.atrin-hero::before { background:linear-gradient(0deg,#090813 2%,rgba(9,8,19,.7) 60%,rgba(9,8,19,.86)); }.atrin-hero h1 { font-size:clamp(2.7rem,10vw,4rem); }.atrin-hero-inner { padding-top:140px; }.atrin-hero-bottom { margin-top:5rem; }.atrin-services { grid-template-columns:1fr; }.atrin-services img { aspect-ratio:1.8; }.atrin-footer-top,.atrin-footer-bottom { flex-direction:column; }.atrin-footer-links { gap:1.2rem; }.atrin-manifesto { min-height:560px; }.admin-bar .atrin-header { top:46px; } }
@media(prefers-reduced-motion:reduce) { .atrin-hero-video,.atrin-manifesto video { visibility:hidden; }.atrin-hero { background:#0a0812 url('digital-hourse.png') center/cover no-repeat; }.atrin-manifesto { background:#0a0812 url('atrinit.png') center/cover no-repeat; } }

/* Order enquiry */
.atrin-contact { isolation:isolate; padding-block:clamp(90px,10vw,150px); background:#0e0b19; }
.atrin-contact::before { content:""; position:absolute; z-index:-1; width:660px; height:660px; top:-320px; right:-220px; border-radius:50%; background:#7441c0; filter:blur(170px); opacity:.24; pointer-events:none; }
.atrin-contact::after { content:""; position:absolute; z-index:-1; inset:0; background-image:linear-gradient(rgba(200,178,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(200,178,255,.035) 1px,transparent 1px); background-size:80px 80px; mask-image:linear-gradient(to bottom,black,transparent 95%); pointer-events:none; }
.atrin-contact-grid { align-items:center; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(3rem,7vw,7rem); }
.atrin-contact-intro { position:relative; padding-block:1rem; }
.atrin-contact-eyebrow { display:inline-flex; align-items:center; gap:.65rem; padding:.55rem .85rem; border:1px solid #514064; border-radius:999px; color:#ded0fa; background:rgba(180,141,243,.08); font-size:.75rem; font-weight:700; }
.atrin-contact-eyebrow span { width:7px; height:7px; border-radius:50%; background:#cfb5ff; box-shadow:0 0 12px #bd92ff; }
.atrin-contact-intro h2 { margin:1.8rem 0 1.2rem; color:#fff; font-size:clamp(2.6rem,4.1vw,4.4rem); line-height:1.5; }
.atrin-contact-intro h2 em { font-style:normal; color:#c9aaff; }
.atrin-contact-intro > p { max-width:440px; color:#b5aebe; line-height:2.1; }
.atrin-contact-steps { display:grid; gap:1.15rem; margin-top:2.8rem; }
.atrin-contact-steps > div { display:flex; align-items:center; gap:1rem; }
.atrin-contact-steps > div > span { display:grid; place-items:center; flex:0 0 44px; height:44px; border:1px solid #59486f; border-radius:14px; color:#c8adf7; font-size:.8rem; }
.atrin-contact-steps p { margin:0; line-height:1.8; }.atrin-contact-steps strong,.atrin-contact-steps small { display:block; }.atrin-contact-steps strong { color:#f4effc; font-size:.87rem; }.atrin-contact-steps small { color:#9e94aa; font-size:.76rem; }
.atrin-contact-spark { position:absolute; left:1rem; bottom:-1rem; color:#c19aff; opacity:.12; font-size:9rem; line-height:1; pointer-events:none; }
.atrinit-order-panel { position:relative; max-width:none; margin:0; padding:clamp(1.5rem,3.5vw,3rem); border:1px solid rgba(206,178,255,.23); border-radius:26px; background:linear-gradient(150deg,rgba(45,35,63,.96),rgba(22,18,33,.98) 65%); box-shadow:0 30px 100px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.08); }
.atrin-form-heading { display:flex; justify-content:space-between; align-items:start; gap:1rem; margin-bottom:2rem; padding-bottom:1.6rem; border-bottom:1px solid rgba(221,207,244,.12); }
.atrin-form-kicker { display:block; color:#c3a8ec; font:600 .63rem sans-serif; letter-spacing:.17em; direction:ltr; text-align:right; }
.atrin-form-heading h3 { margin:.65rem 0 .4rem; color:#fff; font-size:1.45rem; font-weight:850; }.atrin-form-heading h3 span { color:#c6a2ff; }.atrin-form-heading p { margin:0; color:#b3a9bd; font-size:.82rem; line-height:1.8; }
.atrin-form-icon { display:grid; place-items:center; flex:0 0 48px; height:48px; border:1px solid rgba(207,179,255,.22); border-radius:15px; color:#d7c2ff; background:rgba(179,142,236,.1); font-size:1.7rem; }
.atrinit-order-fields { gap:1.1rem 1rem; }.atrinit-order-fields > p { margin:0; min-width:0; }.atrinit-order-fields label { color:#e9e2f0; font-size:.8rem; font-weight:600; line-height:1.6; }.atrinit-order-fields .wpcf7-form-control-wrap { display:block; }
.atrinit-order-fields input:not([type=submit]),.atrinit-order-fields select,.atrinit-order-fields textarea { width:100%; min-height:50px; margin-top:.55rem; padding:.8rem .95rem; border:1px solid #55475f; border-radius:11px; background:rgba(11,9,18,.55); color:#f7f3ff; font:inherit; font-weight:400; transition:border-color .2s,background .2s,box-shadow .2s; }
.atrinit-order-fields input:not([type=submit]):focus,.atrinit-order-fields select:focus,.atrinit-order-fields textarea:focus { outline:none; border-color:#bd94ff; background:#171120; box-shadow:0 0 0 3px rgba(189,148,255,.16); }
.atrinit-order-fields textarea { min-height:120px; resize:vertical; }.atrinit-order-fields select { cursor:pointer; }.atrinit-order-fields option { color:#fff; background:#211a2b; }
.atrinit-order-fields input[type=submit] { width:100%; min-height:55px; border:0; border-radius:11px; background:linear-gradient(105deg,#dfc8ff,#b998ff); color:#241433; font-family:inherit; font-weight:850; cursor:pointer; transition:filter .2s,transform .2s; }.atrinit-order-fields input[type=submit]:hover { filter:brightness(1.08); transform:translateY(-2px); }.atrinit-order-fields input[type=submit]:focus-visible { outline:2px solid #fff; outline-offset:3px; }
.atrin-form-note { margin:1rem 0 0; color:#a89bb2; font-size:.72rem; line-height:1.8; }.atrin-form-note span { color:#c6a2ff; margin-left:.3rem; }.atrinit-order-panel .wpcf7-response-output { margin:1rem 0 0; border-radius:10px; font-size:.82rem; }.atrinit-order-panel .wpcf7-spinner { margin:8px 0 0; }
@media(max-width:900px) { .atrin-contact-grid { grid-template-columns:1fr; gap:3rem; }.atrin-contact-intro > p { max-width:600px; }.atrin-contact-spark { display:none; } }
@media(max-width:600px) { .atrin-contact { padding-block:75px; }.atrin-contact-intro h2 { font-size:clamp(2.3rem,10vw,3rem); }.atrinit-order-panel { padding:1.4rem; border-radius:20px; }.atrin-form-icon { flex-basis:40px; height:40px; }.atrinit-order-fields { grid-template-columns:1fr; }.atrin-contact-steps { margin-top:2rem; } }
/* Contact Form 7 groups adjacent labels in a paragraph. */
.atrinit-order-fields > p { display:contents; }
/* Refined enquiry block */
.atrin-contact { background:#0c0a16; }
.atrin-contact-grid { position:relative; gap:clamp(3rem,6vw,6rem); }
.atrin-contact-intro h2 { font-size:clamp(2.8rem,4.4vw,4.8rem); line-height:1.4; letter-spacing:-.05em; }
.atrin-contact-intro h2 em { background:linear-gradient(100deg,#e9d9ff,#b38bff); -webkit-background-clip:text; background-clip:text; color:transparent; }
.atrin-contact-intro > p { max-width:430px; font-size:.98rem; }
.atrin-contact-steps { gap:0; max-width:430px; border-top:1px solid rgba(214,192,242,.16); }
.atrin-contact-steps > div { padding:1.15rem 0; border-bottom:1px solid rgba(214,192,242,.16); }
.atrin-contact-steps > div > span { flex-basis:42px; height:42px; border-color:rgba(211,181,255,.25); border-radius:50%; background:rgba(197,158,255,.07); }
.atrin-contact-spark { left:0; bottom:0; transform:rotate(-15deg); }
.atrinit-order-panel { overflow:hidden; border-color:rgba(222,204,255,.22); background:linear-gradient(145deg,#30243e 0%,#1b1527 48%,#15111e 100%); box-shadow:0 35px 90px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.1); }
.atrinit-order-panel::before { content:""; position:absolute; top:-95px; left:-75px; width:210px; height:210px; border-radius:50%; background:#a670f7; filter:blur(85px); opacity:.22; pointer-events:none; }
.atrin-form-heading { position:relative; align-items:center; margin-bottom:1.7rem; padding-bottom:1.5rem; }
.atrin-form-kicker { color:#d2b9f7; letter-spacing:.2em; }
.atrin-form-heading h3 { font-size:clamp(1.35rem,2vw,1.75rem); margin:.8rem 0 .45rem; }
.atrin-form-icon { flex-basis:58px; height:58px; border-radius:18px; background:linear-gradient(145deg,rgba(222,197,255,.24),rgba(168,113,239,.06)); font-size:2rem; }
.atrinit-order-fields { position:relative; gap:1.15rem; }
.atrinit-order-fields label { color:#eee8f5; font-size:.81rem; }
.atrinit-order-fields input:not([type=submit]),.atrinit-order-fields select,.atrinit-order-fields textarea { min-height:52px; border-color:rgba(215,193,237,.22); background:rgba(8,7,15,.42); }
.atrinit-order-fields input:not([type=submit]):hover,.atrinit-order-fields select:hover,.atrinit-order-fields textarea:hover { border-color:rgba(213,183,255,.55); }
.atrinit-order-fields textarea { min-height:122px; }
.atrinit-order-fields input[type=submit] { min-height:58px; background:linear-gradient(105deg,#ebd9ff,#bb94fa); box-shadow:0 10px 24px rgba(159,103,232,.18); }
.atrin-form-note { display:flex; align-items:center; gap:.5rem; padding-top:1rem; border-top:1px solid rgba(221,207,244,.1); line-height:1.9; }
.atrin-form-note span { display:grid; place-items:center; flex:0 0 26px; height:26px; margin:0; border-radius:50%; background:rgba(197,158,255,.1); }
@media(max-width:600px) { .atrin-contact-intro h2 { font-size:clamp(2.4rem,10vw,3rem); }.atrin-form-icon { flex-basis:44px; height:44px; font-size:1.5rem; }.atrin-contact-steps > div { padding:1rem 0; } }

/* Local font and essential base styles. */
@font-face { font-family:Vazirmatn; src:url('assets/fonts/vazirmatn-latin.woff2') format('woff2'); font-style:normal; font-weight:100 900; font-display:swap; }
@font-face { font-family:Vazirmatn; src:url('assets/fonts/vazirmatn-latin-ext.woff2') format('woff2'); font-style:normal; font-weight:100 900; font-display:swap; unicode-range:U+0100-02FF,U+1E00-1EFF,U+2020,U+20A0-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:Vazirmatn; src:url('assets/fonts/vazirmatn-arabic.woff2') format('woff2'); font-style:normal; font-weight:100 900; font-display:swap; unicode-range:U+0600-08FF,U+200C-200F,U+FB50-FDFF,U+FE70-FEFF; }
*,*::before,*::after { box-sizing:border-box; } body,h1,h2,h3,h4,p,figure { margin:0; } body { font-family:Vazirmatn,sans-serif; } a { color:inherit; text-decoration:none; } button,input,select,textarea { font:inherit; } button { cursor:pointer; background:none; color:inherit; } img,video { display:block; max-width:100%; } .atrin-header ul { list-style:none; margin:0; padding:0; }
.atrin-desktop-nav .menu-item-has-children,.atrin-desktop-nav .page_item_has_children { position:relative; } .atrin-desktop-nav .sub-menu,.atrin-desktop-nav .children { display:none; position:absolute; right:-1rem; top:100%; min-width:190px; padding:.7rem!important; background:#191322; border:1px solid #443950; border-radius:10px; box-shadow:0 15px 35px #0007; } .atrin-desktop-nav li:hover > ul,.atrin-desktop-nav li:focus-within > ul { display:block; } .atrin-desktop-nav .sub-menu a,.atrin-desktop-nav .children a { display:block; padding:.55rem; } .atrin-desktop-nav .sub-menu .sub-menu,.atrin-desktop-nav .children .children { top:0; right:100%; } .atrin-mobile-nav .atrinit-menu { display:block; } .atrin-mobile-nav .sub-menu,.atrin-mobile-nav .children { padding-right:1.2rem; border-right:1px solid #514264; }
.atrin-inner { padding-top:88px; min-height:60vh; background:#0b0913; } .atrin-elementor-page { padding-top:0; } .atrin-page-hero { position:relative; overflow:hidden; padding:5.5rem 0 5rem; border-bottom:1px solid #30283b; background:radial-gradient(ellipse at 15% 0%,#3a2856 0,transparent 40%),linear-gradient(135deg,#151020,#0d0a16); } .atrin-page-hero::after { content:'✳'; position:absolute; left:8%; top:4%; color:#c0a1fa; opacity:.1; font-size:14rem; line-height:1; pointer-events:none; } .atrin-page-hero .atrin-wrap { position:relative; z-index:1; } .atrin-page-path { margin:0 0 2.5rem; color:#a69aaf; font-size:.8rem; } .atrin-page-path a { color:#d7c7f3; } .atrin-page-hero h1 { max-width:850px; margin:1rem 0 0; color:#fff; font-size:clamp(2.3rem,5vw,4.5rem); line-height:1.4; font-weight:900; } .atrin-page-body { padding-block:clamp(3rem,6vw,6rem); } .atrin-content-card { padding:clamp(1.5rem,4vw,3.5rem); background:#15111e; border:1px solid #312a3a; border-radius:20px; } .atrin-featured-image { width:100%; max-height:540px; object-fit:cover; border-radius:14px; margin-bottom:2.5rem; } .atrin-entry-content { line-height:2.2; color:#d0c8d9; overflow-wrap:anywhere; } .atrin-entry-content > * + * { margin-top:1.2rem; } .atrin-entry-content h2,.atrin-entry-content h3,.atrin-entry-content h4 { color:#fff; line-height:1.5; margin-top:2rem; } .atrin-entry-content h2 { font-size:1.75rem; }.atrin-entry-content h3 { font-size:1.3rem; } .atrin-entry-content a { color:#c6a8ff; text-decoration:none; } .atrin-entry-content img { height:auto; } .atrin-entry-content blockquote { margin:1.8rem 0; padding:1rem 1.5rem; border-right:3px solid #b99af5; background:#21192c; } .atrin-entry-content table { width:100%; } .atrin-entry-content input,.atrin-entry-content textarea,.atrin-entry-content select { color:#191321; }
.atrin-post-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.4rem; } .atrin-post-card { overflow:hidden; background:#17121f; border:1px solid #322a3d; border-radius:16px; } .atrin-post-image { display:grid; place-items:center; aspect-ratio:1.65; overflow:hidden; background:radial-gradient(circle,#503674,#20172e); } .atrin-post-image img { width:100%; height:100%; object-fit:cover; transition:transform .3s; } .atrin-post-image:hover img { transform:scale(1.04); } .atrin-post-image span { font-size:5rem; color:#bc9dec; opacity:.5; } .atrin-post-copy { padding:1.5rem; } .atrin-post-date { color:#b69bdd; font-size:.75rem; } .atrin-post-copy h2 { margin:.8rem 0; color:#fff; font-size:1.25rem; line-height:1.6; } .atrin-post-copy p { color:#aea5b7; font-size:.85rem; line-height:2; } .atrin-post-more { display:inline-flex; gap:1rem; margin-top:1.4rem; color:#d1b9f7; font-size:.85rem; font-weight:700; } .atrin-pagination,.post-navigation { margin-top:2rem; color:#d1b9f7; } .atrin-article { max-width:960px; margin:auto; }
.atrin-shop .woocommerce-breadcrumb { color:#b9a8ca; }.atrin-shop .woocommerce-breadcrumb a { color:#d0baff; }.atrin-shop .woocommerce-products-header__title,.atrin-shop .product_title { display:none; }.atrin-shop .woocommerce ul.products li.product a { color:#f4effc; }.atrin-shop .woocommerce ul.products li.product .price { color:#ccb4f0; }.atrin-shop .woocommerce .button,.atrin-inner .woocommerce .button { background:#c6adff; color:#21132d; border-radius:9px; }.atrin-shop .woocommerce .button:hover,.atrin-inner .woocommerce .button:hover { background:#e0d0ff; color:#21132d; }.atrin-inner .woocommerce input,.atrin-inner .woocommerce textarea,.atrin-inner .woocommerce select { color:#21132d; }.atrin-inner .woocommerce table { color:#e9e2ee; }
@media(max-width:900px) { .atrin-post-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .atrin-inner { padding-top:74px; } } @media(max-width:600px) { .atrin-post-grid { grid-template-columns:1fr; } .atrin-page-hero { padding:3.5rem 0; } .atrin-page-hero::after { font-size:9rem; } .atrin-page-path { margin-bottom:1.5rem; } }

/* Interior pages and shop */
.atrin-inner { overflow:hidden; }
.atrin-page-hero { padding-block:clamp(4.5rem,7vw,7rem); background:radial-gradient(ellipse at 12% 25%,rgba(135,88,196,.25),transparent 38%),linear-gradient(120deg,#14101e,#0c0a14 65%); }
.atrin-page-path { display:flex; flex-wrap:wrap; gap:.6rem; align-items:center; color:#aaa0b6; }
.atrin-page-path a:hover { color:#fff; }
.atrin-page-hero .atrin-kicker { display:inline-flex; align-items:center; gap:.6rem; }
.atrin-page-hero .atrin-kicker::before { content:''; width:7px; height:7px; border-radius:50%; background:#b99df4; box-shadow:0 0 16px #ad80ff; }
.atrin-page-hero h1 { letter-spacing:-.04em; }
.atrin-page-body { min-height:330px; }
.atrin-content-card { background:linear-gradient(145deg,#191421,#110e19); border-color:#3a3044; box-shadow:0 24px 70px rgba(0,0,0,.16); }
.atrin-entry-content { font-size:1rem; line-height:2.15; }
.atrin-entry-content :where(ul,ol) { padding-inline-start:1.5rem; }
.atrin-entry-content :where(li + li) { margin-top:.35rem; }
.atrin-entry-content :where(pre,code) { direction:ltr; unicode-bidi:plaintext; }
.atrin-entry-content pre { overflow:auto; padding:1.2rem; border-radius:12px; background:#0b0911; }
.atrin-entry-content table { border-collapse:collapse; }
.atrin-entry-content :where(th,td) { padding:.75rem; border:1px solid #483b54; text-align:start; }
.atrin-entry-content :where(hr) { border:0; border-top:1px solid #43374c; margin-block:2rem; }
.atrin-entry-content :where(input:not([type=submit]),textarea,select),.atrin-comments :where(input:not([type=submit]),textarea) { max-width:100%; padding:.8rem 1rem; color:#eee8f6; background:#100d17; border:1px solid #51445e; border-radius:9px; }
.atrin-entry-content :where(input,textarea,select):focus-visible,.atrin-comments :where(input,textarea):focus-visible { outline:2px solid #c6a8ff; outline-offset:2px; }
.atrin-post-card { transition:transform .25s,border-color .25s; }.atrin-post-card:hover { transform:translateY(-4px); border-color:#80649a; }
.atrin-post-copy h2 a:hover,.atrin-post-more:hover { color:#e4d4ff; }
.atrin-pagination .nav-links,.post-navigation .nav-links { display:flex; justify-content:space-between; flex-wrap:wrap; gap:1rem; }
.atrin-pagination a,.post-navigation a { display:inline-block; padding:.75rem 1rem; border:1px solid #51415e; border-radius:9px; }
.atrin-pagination a:hover,.post-navigation a:hover { background:#2a2035; }
.atrin-comments { max-width:960px; margin:3rem auto 0; padding:clamp(1.5rem,4vw,3rem); border:1px solid #3a3044; border-radius:20px; background:#15111e; }
.atrin-comments h2,.atrin-comments h3 { color:#fff; font-size:1.35rem; margin-bottom:1.5rem; }.atrin-comments .comment-list { padding-inline-start:1.5rem; }.atrin-comments .comment-body { padding:1rem 0; line-height:2; border-bottom:1px solid #3a3044; }.atrin-comments .avatar { display:inline-block; border-radius:50%; margin-inline-end:.7rem; }.atrin-comments .comment-form p { margin:1rem 0; }.atrin-comments label { display:block; margin-bottom:.35rem; }.atrin-comments textarea { width:100%; }.atrin-comments input[type=submit] { padding:.8rem 1.4rem; background:#c6adff; color:#21132d; border:0; border-radius:9px; cursor:pointer; }
.atrin-not-found p:not(.atrin-page-path) { max-width:500px; color:#b8aebf; line-height:2; margin:1rem 0 2rem; }
/* WooCommerce places its classes on the body for catalogue pages. */
.atrin-shop .products,.atrin-inner .woocommerce .products { list-style:none; }
.atrin-shop ul.products li.product { overflow:hidden; padding:0 0 1.3rem; background:#17121f; border:1px solid #3a3044; border-radius:16px; transition:transform .25s,border-color .25s; }
.atrin-shop ul.products li.product:hover { transform:translateY(-4px); border-color:#80649a; }
.atrin-shop ul.products li.product a img { width:100%; margin:0 0 1.2rem; aspect-ratio:1/1; object-fit:cover; }
.atrin-shop ul.products li.product :where(.woocommerce-loop-product__title,.price,.star-rating,.button) { margin-inline:1.2rem; }
.atrin-shop ul.products li.product .woocommerce-loop-product__title { color:#f9f6ff; font-size:1.05rem; line-height:1.7; }
.atrin-shop ul.products li.product .price,.atrin-shop div.product p.price,.atrin-shop div.product span.price { color:#d6bafc; }
.atrin-shop span.onsale { background:#c9aaff; color:#21132d; }
.atrin-shop :where(a.button,button.button,input.button),.atrin-inner .woocommerce :where(a.button,button.button,input.button),.atrin-inner .wc-block-components-button:not(.is-link) { padding:.85rem 1.15rem; background:#c6adff; color:#21132d; border:0; border-radius:9px; font-weight:700; }
.atrin-shop :where(a.button,button.button,input.button):hover,.atrin-inner .woocommerce :where(a.button,button.button,input.button):hover,.atrin-inner .wc-block-components-button:not(.is-link):hover { background:#e3d4ff; color:#21132d; }
.atrin-shop .woocommerce-result-count,.atrin-shop .woocommerce-ordering { margin-bottom:1.8rem; color:#bbb0c5; }
.atrin-shop .woocommerce-ordering select,.atrin-shop .quantity input,.atrin-inner .woocommerce :where(input.input-text,textarea,select) { max-width:100%; padding:.75rem; color:#f4effa; background:#100d17; border:1px solid #51445e; border-radius:8px; }
.atrin-shop .woocommerce-ordering option,.atrin-inner .woocommerce select option { color:#1b1421; background:white; }
.atrin-shop div.product .woocommerce-tabs ul.tabs::before { border-color:#51445e; }.atrin-shop div.product .woocommerce-tabs ul.tabs li { background:#211a2c; border-color:#51445e; }.atrin-shop div.product .woocommerce-tabs ul.tabs li.active { background:#c6adff; }.atrin-shop div.product .woocommerce-tabs ul.tabs li a { color:#e9e1f0; }.atrin-shop div.product .woocommerce-tabs ul.tabs li.active a { color:#21132d; }
.atrin-shop div.product :where(.woocommerce-product-details__short-description,.woocommerce-Tabs-panel) { color:#d0c8d9; line-height:2; }.atrin-shop div.product :where(.product_meta,.woocommerce-review-link) { color:#bda9cf; }
.atrin-inner .woocommerce :where(table.shop_table,.woocommerce-MyAccount-navigation,.woocommerce-MyAccount-content,.woocommerce-customer-details) { border-color:#51445e; }.atrin-inner .woocommerce table.shop_table :where(th,td) { padding:1rem; border-color:#493e54; }
.atrin-inner .woocommerce :where(.woocommerce-info,.woocommerce-message,.woocommerce-error) { background:#241b30; color:#f2eaf9; border-top-color:#c6adff; }.atrin-inner .woocommerce :where(.woocommerce-info,.woocommerce-message,.woocommerce-error)::before { color:#d5bfff; }
.atrin-inner .woocommerce-MyAccount-navigation ul { list-style:none; padding:0; margin:0 0 2rem; border:1px solid #42354e; border-radius:12px; overflow:hidden; }.atrin-inner .woocommerce-MyAccount-navigation li + li { border-top:1px solid #42354e; }.atrin-inner .woocommerce-MyAccount-navigation a { display:block; padding:.8rem 1rem; }.atrin-inner .woocommerce-MyAccount-navigation .is-active a,.atrin-inner .woocommerce-MyAccount-navigation a:hover { background:#332440; color:#e6d3ff; }
.atrin-inner .woocommerce a:not(.button) { color:#d6bafc; }.atrin-inner .woocommerce :where(.select2-selection) { color:#21132d; }
.atrin-inner .wc-block-components-text-input input,.atrin-inner .wc-block-components-combobox input { color:#20162b; }
@media(max-width:767px) { .atrin-page-hero { padding-block:3.5rem; }.atrin-page-body { padding-block:2.5rem; }.atrin-content-card { padding:1.3rem; }.atrin-page-path { margin-bottom:1.5rem; }.atrin-shop ul.products li.product :where(.woocommerce-loop-product__title,.price,.star-rating,.button) { margin-inline:.8rem; }.atrin-inner .woocommerce table.shop_table :where(th,td) { padding:.65rem; } }