/*
Theme Name: TaarAra v1
Theme URI: https://taarara.ir/
Author: TaarAra
Description: Clean mobile-first storefront theme for TaarAra handmade crochet products.
Version: 1.1.1
Text Domain: taarara-v1
*/

:root{
  --ta-bg:#FBF8F4;
  --ta-surface:#FFFDFC;
  --ta-surface-2:#F3ECE7;
  --ta-rose:#A35E68;
  --ta-rose-2:#B9767F;
  --ta-rose-3:#E7C9C8;
  --ta-ink:#44383C;
  --ta-muted:#75686C;
  --ta-border:#E5DCD6;
  --ta-green:#66735F;
  --ta-yellow:#D6AD5C;
  --ta-rose-dark:#7A414A;
  --ta-green-dark:#66735F;
  --ta-gold-text:#8E6B2E;
  --ta-focus:rgba(163,94,104,.28);
  --ta-shadow:0 18px 48px rgba(68,56,60,.07);
  --ta-shadow-soft:0 8px 24px rgba(76,49,55,.06);
  --ta-r-sm:14px;
  --ta-r-md:20px;
  --ta-r-lg:30px;
  --ta-r-pill:999px;
  --ta-container:1180px;
  --ta-gap:clamp(18px,3vw,34px);
  --ta-font:"TaarAra IR Sans",Tahoma,Arial,sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--ta-bg);
  color:var(--ta-ink);
  font-family:var(--ta-font);
  font-size:15px;
  line-height:1.9;
  overflow-wrap:anywhere;
}
body.ta-lock{overflow:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{color:inherit}
.ta-container{width:min(calc(100% - 32px),var(--ta-container));margin-inline:auto}
.ta-section{padding:34px 0}
.ta-section--tight{padding:22px 0}
.ta-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:var(--ta-rose);
  font-size:12px;
  font-weight:700;
}
.ta-kicker::before{
  content:"";
  width:28px;
  height:5px;
  border-radius:var(--ta-r-pill);
  background:linear-gradient(90deg,var(--ta-rose),var(--ta-rose-3));
}
.ta-section-title{
  margin:4px 0 0;
  font-size:clamp(28px,4vw,46px);
  line-height:1.35;
  letter-spacing:-.4px;
}
.ta-section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}
.ta-section-head>a{color:var(--ta-rose);font-weight:700;font-size:13px}

.ta-announcement{
  background:#7A414A;
  color:#fff;
  font-size:12px;
}
.ta-announcement__inner{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  position:relative;
}
.ta-announcement a{font-weight:700;text-decoration:underline;text-underline-offset:4px}
.ta-announcement button{
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  border:0;
  background:transparent;
  color:#fff;
  width:32px;
  height:32px;
  cursor:pointer;
}

.ta-header{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(251,248,244,.94);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(163,94,104,.08);
}
.ta-header__bar{
  min-height:74px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:18px;
}
.ta-brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:max-content;
}
.ta-brand img{
  width:54px;
  aspect-ratio:1;
  border-radius:50%;
  object-fit:cover;
  box-shadow:var(--ta-shadow-soft);
}
.ta-brand__text{display:grid;line-height:1.05}
.ta-brand__text strong{font-size:19px;color:#7A414A}
.ta-brand__text small{font-size:10px;color:#75686C;direction:ltr;margin-top:5px;letter-spacing:.5px}
.ta-nav{display:none}
.ta-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center;gap:4px}
.ta-nav a{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:0 12px;
  border-radius:var(--ta-r-pill);
  font-size:12px;
  font-weight:700;
  color:#5E5054;
}
.ta-nav a:hover,.ta-nav .current-menu-item>a{background:#F2E8E4;color:var(--ta-rose)}
.ta-tools{display:flex;align-items:center;gap:8px}
.ta-icon-btn{
  width:42px;height:42px;
  display:grid;place-items:center;
  border:1px solid var(--ta-border);
  border-radius:50%;
  background:var(--ta-surface);
  cursor:pointer;
  box-shadow:0 3px 12px rgba(76,49,55,.03);
}
.ta-icon-btn svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7}
.ta-search{display:none}
.ta-search input{
  width:160px;height:40px;
  border:1px solid var(--ta-border);
  border-radius:var(--ta-r-pill);
  background:var(--ta-surface);
  padding:0 14px;
  outline:none;
}
.ta-search input:focus{border-color:var(--ta-rose-2);box-shadow:0 0 0 3px rgba(185,118,127,.12)}

.ta-drawer{
  position:fixed;inset:0;z-index:300;
  display:none;
}
.ta-drawer.is-open{display:block}
.ta-drawer__backdrop{position:absolute;inset:0;background:rgba(42,28,32,.36);backdrop-filter:blur(4px)}
.ta-drawer__panel{
  position:absolute;top:0;bottom:0;right:0;
  width:min(340px,88vw);
  background:var(--ta-bg);
  padding:22px;
  box-shadow:-20px 0 60px rgba(42,28,32,.18);
}
.ta-drawer__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.ta-drawer__panel nav ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.ta-drawer__panel nav a{display:flex;padding:11px 12px;border-radius:12px;background:var(--ta-surface);border:1px solid var(--ta-border);font-weight:700}
.ta-drawer__social{margin-top:22px;padding-top:18px;border-top:1px solid var(--ta-border);color:var(--ta-muted);font-size:12px}

.ta-hero{padding:22px 0 26px}
.ta-hero__grid{
  display:grid;
  gap:18px;
  padding:18px;
  border-radius:var(--ta-r-lg);
  background:
    radial-gradient(circle at 85% 18%,rgba(230,183,79,.14),transparent 24%),
    radial-gradient(circle at 15% 78%,rgba(110,138,103,.10),transparent 28%),
    linear-gradient(135deg,#FFFDFC,#F2EAE5);
  box-shadow:var(--ta-shadow);
}
.ta-hero__media{
  min-height:330px;
  border-radius:24px;
  overflow:hidden;
  position:relative;
  background:linear-gradient(145deg,#EFE2DC,#FFFDFC);
  border:1px solid rgba(163,94,104,.08);
  display:grid;
  place-items:center;
}
.ta-hero__media::after{
  content:"";
  position:absolute;
  inset:16px;
  border:1px dashed rgba(163,94,104,.22);
  border-radius:20px;
  pointer-events:none;
}
.ta-media-placeholder{
  width:min(80%,320px);
  text-align:center;
  color:#886c72;
  display:grid;
  justify-items:center;
  gap:12px;
}
.ta-media-placeholder img{width:150px;border-radius:50%;box-shadow:0 16px 40px rgba(86,52,58,.12)}
.ta-media-placeholder span{font-size:12px}
.ta-hero__copy{padding:8px 4px 2px}
.ta-hero__title{
  margin:8px 0 8px;
  font-size:clamp(42px,9vw,68px);
  line-height:1.12;
  letter-spacing:-1.2px;
}
.ta-hero__title em{font-style:normal;color:var(--ta-rose)}
.ta-hero__desc{margin:0;color:var(--ta-muted);font-size:16px;max-width:38ch}
.ta-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}

.ta-btn{
  --btn-a:#B9767F;
  --btn-b:#A35E68;
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 20px;
  border:0;
  border-radius:var(--ta-r-pill);
  color:#fff;
  font-weight:700;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0)) padding-box,
    repeating-linear-gradient(125deg,var(--btn-a) 0 7px,var(--btn-b) 7px 14px) padding-box;
  box-shadow:
    inset 0 2px 2px rgba(255,255,255,.28),
    inset 0 -3px 5px rgba(87,39,48,.15),
    0 8px 18px rgba(105,47,58,.13);
  transition:transform .15s ease,box-shadow .15s ease;
}
.ta-btn::before{
  content:"";
  position:absolute;
  inset:3px 8px;
  border-radius:inherit;
  background:repeating-linear-gradient(28deg,rgba(255,255,255,.2) 0 2px,transparent 2px 7px);
  opacity:.55;
  pointer-events:none;
}
.ta-btn>*{position:relative;z-index:1}
.ta-btn:hover{transform:translateY(-2px);box-shadow:inset 0 2px 2px rgba(255,255,255,.3),inset 0 -3px 5px rgba(87,39,48,.16),0 11px 22px rgba(105,47,58,.16)}
.ta-btn--light{--btn-a:#f1c8c8;--btn-b:#e2a6aa;color:#6b4149}
.ta-btn--plain{background:var(--ta-surface);color:var(--ta-rose);border:1px solid var(--ta-border);box-shadow:none}

.ta-strip{
  display:grid;
  gap:10px;
  padding:14px;
  border-radius:var(--ta-r-md);
  background:var(--ta-surface);
  border:1px solid var(--ta-border);
}
.ta-strip__item{
  display:flex;
  align-items:center;
  gap:10px;
  color:#665157;
  font-size:12px;
}
.ta-strip__icon{
  width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;
  background:#f7e3e0;color:var(--ta-rose);
  flex:0 0 auto;
}
.ta-strip__icon svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8}

.ta-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ta-category{
  min-height:150px;
  border-radius:var(--ta-r-md);
  background:var(--ta-surface);
  border:1px solid var(--ta-border);
  padding:16px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  position:relative;
  overflow:hidden;
}
.ta-category::before{
  content:"";
  position:absolute;
  width:120px;height:120px;border-radius:50%;
  left:-34px;top:-34px;
  background:radial-gradient(circle,#f5d6d4 0 30%,#efd0d0 31% 42%,transparent 43%);
  opacity:.65;
}
.ta-category:nth-child(2)::before{background:radial-gradient(circle,#e9ddbd 0 30%,#f3e8c9 31% 42%,transparent 43%)}
.ta-category:nth-child(3)::before{background:radial-gradient(circle,#dce7d7 0 30%,#e9f0e6 31% 42%,transparent 43%)}
.ta-category strong{font-size:15px;position:relative}
.ta-category small{color:var(--ta-muted);font-size:11px;position:relative}

.ta-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ta-product{
  background:var(--ta-surface);
  border:1px solid var(--ta-border);
  border-radius:var(--ta-r-md);
  overflow:hidden;
  box-shadow:0 5px 18px rgba(76,49,55,.035);
}
.ta-product__media{
  aspect-ratio:1;
  background:linear-gradient(145deg,#f2dfda,#fff9f4);
  display:grid;
  place-items:center;
  position:relative;
}
.ta-product__media span{font-size:11px;color:#75686C}
.ta-product__badge{
  position:absolute;
  top:10px;right:10px;
  padding:5px 8px;
  border-radius:var(--ta-r-pill);
  background:#FBF8F4;
  color:var(--ta-rose);
  font-size:9px;font-weight:700;
  box-shadow:0 3px 12px rgba(76,49,55,.06);
}
.ta-product__body{padding:12px}
.ta-product__title{font-weight:700;font-size:14px;line-height:1.6}
.ta-product__meta{display:flex;justify-content:space-between;gap:8px;margin-top:7px;color:var(--ta-muted);font-size:10px}

.ta-custom-band{
  display:grid;
  gap:18px;
  align-items:center;
  padding:22px;
  border-radius:var(--ta-r-lg);
  background:linear-gradient(135deg,#EFE4DF,#FBF8F4);
  border:1px solid rgba(163,94,104,.09);
}
.ta-custom-band h2{margin:4px 0;font-size:clamp(26px,6vw,42px);line-height:1.35}
.ta-custom-band p{margin:0;color:var(--ta-muted);max-width:52ch}

.ta-instagram{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:16px;
  padding:18px;
  border-radius:var(--ta-r-md);
  background:var(--ta-surface);
  border:1px solid var(--ta-border);
}
.ta-instagram>*{min-width:0}
.ta-instagram>.ta-btn{width:100%}
.ta-instagram__name{direction:ltr;text-align:right;font-size:23px;font-weight:700}
.ta-instagram__tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;width:100%}
.ta-instagram__tile{aspect-ratio:1;border-radius:13px;background:linear-gradient(145deg,#EEE2DD,#FBF8F4);display:grid;place-items:center;color:#a68d92;font-size:9px}

.ta-faq{display:grid;gap:8px}
.ta-faq details{background:var(--ta-surface);border:1px solid var(--ta-border);border-radius:14px;padding:12px 14px}
.ta-faq summary{cursor:pointer;font-weight:700;font-size:13px}
.ta-faq p{margin:8px 0 0;color:var(--ta-muted);font-size:12px}

.ta-form-shell{
  width:min(760px,100%);
  margin-inline:auto;
  padding:18px;
  border-radius:var(--ta-r-lg);
  background:var(--ta-surface);
  border:1px solid var(--ta-border);
  box-shadow:var(--ta-shadow-soft);
}
.ta-form-head{margin-bottom:18px}
.ta-form-head h1,.ta-form-head h2{margin:4px 0;font-size:clamp(28px,6vw,40px)}
.ta-form-head p{margin:0;color:var(--ta-muted);max-width:58ch}
.ta-form-grid{display:grid;gap:13px}
.ta-field{display:grid;gap:6px}
.ta-field label{font-size:12px;font-weight:700;color:#654e54}
.ta-field input,.ta-field select,.ta-field textarea{
  width:100%;
  min-height:48px;
  border:1px solid var(--ta-border);
  border-radius:14px;
  background:#fff;
  color:var(--ta-ink);
  padding:10px 12px;
  outline:none;
}
.ta-field textarea{min-height:130px;resize:vertical}
.ta-field input:focus,.ta-field select:focus,.ta-field textarea:focus{border-color:var(--ta-rose-2);box-shadow:0 0 0 3px rgba(185,118,127,.12)}
.ta-form-actions{margin-top:16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ta-note{padding:12px 14px;border-radius:14px;font-size:12px}
.ta-note--success{background:#edf5ed;color:#476448;border:1px solid #ccddcb}
.ta-note--error{background:#fbefef;color:#8e454e;border:1px solid #e4c1c4}

.ta-tracking-card{
  display:grid;
  gap:16px;
  padding:18px;
  border-radius:var(--ta-r-lg);
  background:var(--ta-surface);
  border:1px solid var(--ta-border);
  box-shadow:var(--ta-shadow-soft);
}
.ta-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.ta-progress__step{
  min-height:74px;
  display:grid;
  place-items:center;
  text-align:center;
  padding:9px;
  border-radius:14px;
  background:#f8efeb;
  color:#887176;
  font-size:10px;
}
.ta-progress__step.is-done{background:#f0d7d8;color:#743f49;font-weight:700}

.ta-footer{
  margin-top:36px;
  border-top:1px solid var(--ta-border);
  background:#F1EAE6;
}
.ta-footer__grid{display:grid;gap:24px;padding:30px 0}
.ta-footer__brand p{margin:8px 0 0;color:var(--ta-muted);font-size:12px;max-width:34ch}
.ta-footer h3{font-size:13px;margin:0 0 8px}
.ta-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.ta-footer a{font-size:11px;color:#6f595e}
.ta-footer__bottom{border-top:1px solid rgba(163,94,104,.09);padding:12px 0;color:#927d82;font-size:10px}

@media(min-width:620px){
  .ta-container{width:min(calc(100% - 48px),var(--ta-container))}
  .ta-strip{grid-template-columns:repeat(2,1fr)}
  .ta-category-grid{grid-template-columns:repeat(3,1fr)}
  .ta-product-grid{grid-template-columns:repeat(3,1fr)}
  .ta-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ta-field--full{grid-column:1/-1}
  .ta-progress{grid-template-columns:repeat(6,1fr)}
  .ta-footer__grid{grid-template-columns:1.3fr repeat(2,1fr)}
}
@media(min-width:860px){
  .ta-nav{display:block}
  .ta-menu-toggle{display:none}
  .ta-search{display:block}
  .ta-hero__grid{grid-template-columns:1.03fr .97fr;padding:28px;align-items:center}
  .ta-hero__media{min-height:440px}
  .ta-hero__copy{padding:20px 10px}
  .ta-hero__title{font-size:clamp(58px,6vw,82px)}
  .ta-strip{grid-template-columns:repeat(4,1fr)}
  .ta-category-grid{grid-template-columns:repeat(5,1fr)}
  .ta-product-grid{grid-template-columns:repeat(4,1fr)}
  .ta-custom-band{grid-template-columns:1fr auto;padding:30px}
  .ta-instagram{grid-template-columns:1fr 1.25fr auto;align-items:center}
  .ta-footer__grid{grid-template-columns:1.5fr 1fr 1fr 1.1fr}
}
@media(min-width:1100px){
  .ta-header__bar{gap:28px}
  .ta-nav a{padding-inline:14px}
  .ta-section{padding:44px 0}
}

.ta-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:0s;animation-duration:0s}
}

/* v1 preview refinement — stronger brand presence + creative ecosystem */
.ta-header .ta-brand img{width:72px}
.ta-header__bar{min-height:88px}
.ta-footer .ta-brand img{width:64px}

.ta-ecosystem{
  display:grid;
  gap:14px;
}
.ta-ecosystem__intro{
  max-width:62ch;
  color:var(--ta-muted);
  margin:6px 0 0;
}
.ta-ecosystem__grid{
  display:grid;
  gap:12px;
}
.ta-ecosystem-card{
  min-height:220px;
  position:relative;
  overflow:hidden;
  padding:22px;
  border-radius:var(--ta-r-lg);
  border:1px solid var(--ta-border);
  background:var(--ta-surface);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  box-shadow:var(--ta-shadow-soft);
}
.ta-ecosystem-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}
.ta-ecosystem-card--bargabarg{
  background:
    radial-gradient(circle at 12% 15%,rgba(75,56,61,.08),transparent 26%),
    linear-gradient(135deg,#FFFDFC,#f3eee9);
}
.ta-ecosystem-card--bargabarg::before{
  background:
    linear-gradient(22deg,transparent 0 57%,rgba(74,55,60,.055) 58% 60%,transparent 61%),
    linear-gradient(-18deg,transparent 0 63%,rgba(74,55,60,.045) 64% 66%,transparent 67%);
}
.ta-ecosystem-card--parizadeh{
  background:
    radial-gradient(circle at 80% 22%,rgba(176,105,163,.16),transparent 23%),
    radial-gradient(circle at 12% 75%,rgba(91,120,177,.12),transparent 25%),
    linear-gradient(135deg,#fffdfa,#f6eff8);
}
.ta-ecosystem-card__eyebrow{
  position:relative;
  z-index:1;
  display:inline-flex;
  width:max-content;
  padding:5px 9px;
  border-radius:var(--ta-r-pill);
  background:rgba(255,255,255,.74);
  border:1px solid rgba(75,56,61,.08);
  color:var(--ta-muted);
  font-size:10px;
  font-weight:700;
  backdrop-filter:blur(6px);
}
.ta-ecosystem-card h3{
  position:relative;
  z-index:1;
  margin:8px 0 3px;
  font-size:clamp(22px,4vw,32px);
}
.ta-ecosystem-card p{
  position:relative;
  z-index:1;
  margin:0;
  max-width:48ch;
  color:var(--ta-muted);
  font-size:12px;
}
.ta-ecosystem-card__link{
  position:relative;
  z-index:1;
  margin-top:14px;
  color:var(--ta-rose);
  font-weight:700;
  font-size:12px;
}
.ta-ecosystem-card__tags{
  position:absolute;
  top:18px;
  left:18px;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:6px;
  max-width:48%;
}
.ta-ecosystem-card__tags span{
  padding:5px 8px;
  border-radius:var(--ta-r-pill);
  background:rgba(255,255,255,.72);
  border:1px solid rgba(75,56,61,.07);
  font-size:9px;
  color:#755f64;
  backdrop-filter:blur(6px);
}
@media(max-width:619px){
  .ta-header .ta-brand img{width:64px}
  .ta-header__bar{min-height:78px}
  .ta-ecosystem-card__tags{position:static;max-width:none;justify-content:flex-start;margin-bottom:auto;padding-bottom:26px}
}
@media(min-width:760px){
  .ta-ecosystem__grid{grid-template-columns:1fr 1fr}
}

/* ===== TaarAra v1 Premium Typography & Scale Pass ===== */
body{font-size:16px;line-height:1.95}
.ta-section{padding:42px 0}
.ta-section--tight{padding:26px 0}
.ta-kicker{font-size:13px}
.ta-section-title{font-size:clamp(30px,4vw,48px);line-height:1.3}
.ta-section-head>a{font-size:14px}

.ta-announcement{font-size:13px}
.ta-header__bar{min-height:96px}
.ta-header .ta-brand img{width:82px}
.ta-brand__text strong{font-size:22px}
.ta-brand__text small{font-size:11px}
.ta-nav a{font-size:13px;min-height:42px;padding-inline:14px}
.ta-drawer__social{font-size:13px}

.ta-hero{padding:28px 0 36px}
.ta-hero__grid{padding:22px}
.ta-hero__media{min-height:360px}
.ta-media-placeholder span{font-size:13px}
.ta-hero__title{font-size:clamp(46px,9vw,72px);line-height:1.08}
.ta-hero__desc{font-size:17px;line-height:1.9}
.ta-btn{min-height:52px;padding-inline:24px;font-size:14px}

.ta-strip__item{font-size:13.5px}
.ta-category{min-height:168px;padding:18px}
.ta-category strong{font-size:16px}
.ta-category small{font-size:12.5px}
.ta-product__media span{font-size:12.5px}
.ta-product__badge{font-size:11px}
.ta-product__body{padding:14px}
.ta-product__title{font-size:15.5px;line-height:1.65}
.ta-product__meta{font-size:12.5px;line-height:1.7}

.ta-custom-band h2{font-size:clamp(28px,6vw,44px)}
.ta-custom-band p{font-size:14px;line-height:1.9}
.ta-instagram__name{font-size:26px}
.ta-instagram__tile{font-size:11px}

.ta-faq summary{font-size:14px}
.ta-faq p{font-size:13px;line-height:1.95}
.ta-form-head h1,.ta-form-head h2{font-size:clamp(32px,6vw,44px);line-height:1.3}
.ta-form-head p{font-size:14px}
.ta-field label{font-size:13.5px}
.ta-field input,.ta-field select,.ta-field textarea{font-size:14px}
.ta-note{font-size:13px}
.ta-progress__step{font-size:12px;min-height:80px}

.ta-footer .ta-brand img{width:72px}
.ta-footer__brand p{font-size:13px;line-height:1.95}
.ta-footer h3{font-size:14px;margin-bottom:10px}
.ta-footer a{font-size:13px}
.ta-footer__bottom{font-size:11.5px}

.ta-ecosystem__intro{font-size:14px;line-height:1.95}
.ta-ecosystem-card{min-height:245px;padding:24px}
.ta-ecosystem-card__eyebrow{font-size:11.5px}
.ta-ecosystem-card h3{font-size:clamp(24px,4vw,34px)}
.ta-ecosystem-card p{font-size:13.5px;line-height:1.9}
.ta-ecosystem-card__link{font-size:13.5px}
.ta-ecosystem-card__tags span{font-size:11px}

@media(max-width:619px){
  .ta-header__bar{min-height:86px}
  .ta-header .ta-brand img{width:72px}
  .ta-section{padding:34px 0}
  .ta-section--tight{padding:20px 0}
  .ta-hero{padding:18px 0 28px}
  .ta-hero__grid{padding:16px}
  .ta-hero__media{min-height:300px}
  .ta-hero__title{font-size:clamp(42px,12vw,56px)}
  .ta-hero__desc{font-size:15.5px}
  .ta-category{min-height:150px;padding:15px}
  .ta-product__title{font-size:15px}
  .ta-product__meta{font-size:12px}
  .ta-footer a{font-size:12.5px}
}

@media(min-width:860px){
  .ta-hero__grid{padding:36px}
  .ta-hero__media{min-height:500px}
  .ta-hero__title{font-size:clamp(64px,6vw,88px)}
  .ta-section{padding:56px 0}
}

/* ===== TaarAra v1 Editorial Media System ===== */
.ta-hero-brandplate{
  width:min(82%,430px);
  aspect-ratio:1;
  border-radius:50%;
  display:grid;
  place-items:center;
  align-content:center;
  gap:8px;
  text-align:center;
  position:relative;
  isolation:isolate;
}
.ta-hero-brandplate::before,
.ta-hero-brandplate::after{
  content:"";
  position:absolute;
  border-radius:50%;
  z-index:-1;
}
.ta-hero-brandplate::before{
  inset:0;
  background:
    repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.45) 0 2px,transparent 2px 9px),
    conic-gradient(from 20deg,#E7C9C8,#B9767F,#f7ded8,#A35E68,#E7C9C8);
  box-shadow:0 24px 70px rgba(118,62,72,.16);
}
.ta-hero-brandplate::after{
  inset:18px;
  background:rgba(255,250,246,.93);
  border:1px solid rgba(163,94,104,.16);
  box-shadow:inset 0 0 0 7px rgba(255,255,255,.55);
}
.ta-hero-brandplate img{
  width:clamp(138px,28vw,200px);
  border-radius:50%;
  position:relative;
  z-index:2;
  box-shadow:0 16px 36px rgba(92,49,57,.14);
}
.ta-hero-brandplate strong{
  position:relative;
  z-index:2;
  direction:ltr;
  font-size:clamp(24px,4vw,38px);
  letter-spacing:.5px;
}
.ta-hero-brandplate small,
.ta-hero-brandplate__eyebrow{
  position:relative;
  z-index:2;
  direction:ltr;
  color:#75686C;
  font-size:11px;
  letter-spacing:.8px;
  text-transform:uppercase;
}
.ta-hero-brandplate__eyebrow{color:var(--ta-rose);font-weight:700}

.ta-product--editorial{transition:transform .2s ease,box-shadow .2s ease}
.ta-product--editorial:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(76,49,55,.08)}
.ta-product__media--motif{
  background:
    radial-gradient(circle at 15% 15%,rgba(255,255,255,.7),transparent 22%),
    linear-gradient(145deg,#EFE2DC,#FBF8F4);
  overflow:hidden;
}
.ta-product__media--motif::before,
.ta-product__media--motif::after{
  content:"";
  position:absolute;
  border-radius:50%;
}
.ta-product__media--motif::before{
  width:68%;
  aspect-ratio:1;
  border:1px solid rgba(163,94,104,.13);
  box-shadow:inset 0 0 0 10px rgba(255,255,255,.22);
}
.ta-product__media--motif::after{
  width:78%;
  aspect-ratio:1;
  border:1px dashed rgba(163,94,104,.16);
}
.ta-product__media--motif small{
  position:absolute;
  bottom:14px;
  left:14px;
  direction:ltr;
  letter-spacing:.8px;
  font-size:9px;
  color:#807176;
}
.ta-product__motif-mark{
  position:relative;
  z-index:2;
  width:92px;
  height:92px;
  display:grid;
  place-items:center;
}
.ta-motif-heart .ta-product__motif-mark::before{
  content:"♡";
  font-size:88px;
  line-height:1;
  color:#c76e7b;
}
.ta-motif-star .ta-product__motif-mark::before{
  content:"★";
  font-size:74px;
  color:#d59b4b;
  text-shadow:0 8px 20px rgba(154,101,39,.13);
}
.ta-motif-sunflower .ta-product__motif-mark{
  border-radius:50%;
  background:repeating-conic-gradient(#edbd4d 0 13deg,#d99d32 13deg 25deg);
  box-shadow:0 8px 24px rgba(137,96,39,.12);
}
.ta-motif-sunflower .ta-product__motif-mark::after{
  content:"";
  width:38px;height:38px;border-radius:50%;
  background:repeating-radial-gradient(circle,#725039 0 3px,#93623e 3px 6px);
}
.ta-motif-strawberry .ta-product__motif-mark{
  width:82px;height:96px;
  border-radius:48% 48% 52% 52%;
  background:
    radial-gradient(circle at 28% 34%,#ffd9b0 0 2px,transparent 3px),
    radial-gradient(circle at 60% 48%,#ffd9b0 0 2px,transparent 3px),
    radial-gradient(circle at 40% 68%,#ffd9b0 0 2px,transparent 3px),
    linear-gradient(160deg,#ef6672,#c94355);
  transform:rotate(-4deg);
  box-shadow:0 9px 24px rgba(159,61,76,.14);
}
.ta-motif-strawberry .ta-product__motif-mark::before{
  content:"";
  position:absolute;
  top:-17px;
  width:54px;height:32px;
  background:#66735F;
  clip-path:polygon(50% 0,64% 38%,100% 26%,75% 60%,88% 100%,50% 72%,12% 100%,25% 60%,0 26%,36% 38%);
}

@media(max-width:619px){
  .ta-hero-brandplate{width:min(88%,330px)}
  .ta-hero-brandplate img{width:150px}
  .ta-product__motif-mark{width:74px;height:74px}
  .ta-motif-heart .ta-product__motif-mark::before{font-size:72px}
  .ta-motif-star .ta-product__motif-mark::before{font-size:60px}
  .ta-motif-strawberry .ta-product__motif-mark{width:68px;height:80px}
}

/* ===== TaarAra v1 Calm Color System ===== */
::selection{background:var(--ta-rose-3);color:var(--ta-ink)}
:where(a,button,input,select,textarea,summary):focus-visible{
  outline:3px solid var(--ta-focus);
  outline-offset:3px;
}
.ta-announcement{background:var(--ta-rose-dark)}
.ta-brand__text strong{color:var(--ta-rose-dark)}
.ta-nav a{color:#5E5054}
.ta-nav a:hover,.ta-nav .current-menu-item>a{
  background:var(--ta-surface-2);
  color:var(--ta-rose-dark);
}
.ta-search input:focus,
.ta-field input:focus,.ta-field select:focus,.ta-field textarea:focus{
  border-color:var(--ta-rose-2);
  box-shadow:0 0 0 3px var(--ta-focus);
}
.ta-hero__grid{
  background:
    radial-gradient(circle at 86% 18%,rgba(214,173,92,.08),transparent 24%),
    radial-gradient(circle at 16% 78%,rgba(102,115,95,.07),transparent 28%),
    linear-gradient(135deg,var(--ta-surface),#F2EAE5);
}
.ta-hero__media{background:linear-gradient(145deg,#EFE6E1,var(--ta-surface))}
.ta-strip{background:var(--ta-surface)}
.ta-strip__icon{background:var(--ta-surface-2);color:var(--ta-rose)}
.ta-strip__item:nth-child(2) .ta-strip__icon{color:var(--ta-gold-text);background:#F5EEDF}
.ta-strip__item:nth-child(3) .ta-strip__icon{color:var(--ta-green-dark);background:#EAF0E7}
.ta-strip__item:nth-child(4) .ta-strip__icon{color:var(--ta-rose-dark);background:#F1E5E3}

.ta-category{background:var(--ta-surface)}
.ta-category::before{background:radial-gradient(circle,#EAD2D0 0 30%,#F2E2DF 31% 42%,transparent 43%)}
.ta-category:nth-child(2)::before{background:radial-gradient(circle,#EDE4CB 0 30%,#F5EEDC 31% 42%,transparent 43%)}
.ta-category:nth-child(3)::before{background:radial-gradient(circle,#DDE5DA 0 30%,#ECF1E9 31% 42%,transparent 43%)}
.ta-category:nth-child(4)::before{background:radial-gradient(circle,#E7D5D8 0 30%,#F1E5E7 31% 42%,transparent 43%)}
.ta-category:nth-child(5)::before{background:radial-gradient(circle,#E7E0DA 0 30%,#F2ECE7 31% 42%,transparent 43%)}

.ta-product{background:var(--ta-surface)}
.ta-product__media{background:linear-gradient(145deg,#EFE5E0,var(--ta-surface))}
.ta-product__badge{background:var(--ta-bg);color:var(--ta-rose-dark)}
.ta-product__meta{color:var(--ta-muted)}

.ta-custom-band{
  background:
    radial-gradient(circle at 88% 18%,rgba(163,94,104,.07),transparent 28%),
    linear-gradient(135deg,#F1E8E3,var(--ta-surface));
}
.ta-instagram{background:var(--ta-surface)}
.ta-instagram__tile{background:linear-gradient(145deg,#EEE6E1,#FAF7F3)}
.ta-faq details{background:var(--ta-surface)}

.ta-note--success{background:#EEF2EC;color:#53634F;border-color:#CBD6C7}
.ta-note--error{background:#F8EEEE;color:#7A414A;border-color:#DFC8C9}
.ta-progress__step{background:#F2ECE7;color:var(--ta-muted)}
.ta-progress__step.is-done{background:#EAD6D6;color:var(--ta-rose-dark)}

.ta-footer{background:#F1EBE7}
.ta-footer a{color:#62565A}
.ta-footer__bottom{color:#6E6165}

.ta-ecosystem-card--bargabarg{
  background:
    radial-gradient(circle at 12% 15%,rgba(68,56,60,.05),transparent 26%),
    linear-gradient(135deg,var(--ta-surface),#F1ECE7);
}
.ta-ecosystem-card--parizadeh{
  background:
    radial-gradient(circle at 80% 22%,rgba(139,105,139,.10),transparent 23%),
    radial-gradient(circle at 12% 75%,rgba(102,115,95,.08),transparent 25%),
    linear-gradient(135deg,var(--ta-surface),#F3EEF3);
}
.ta-ecosystem-card__eyebrow,
.ta-ecosystem-card__tags span{background:rgba(255,253,252,.80)}

.ta-btn{
  --btn-a:#A35E68;
  --btn-b:#7A414A;
}
.ta-btn--light{
  --btn-a:#EBCFCF;
  --btn-b:#E7C9C8;
  color:#68484F;
}
.ta-btn--plain{
  background:var(--ta-surface);
  color:var(--ta-rose-dark);
  border-color:var(--ta-border);
}

[executed on device: Khosrow (fc1c20c0-0cbf-439a-9a82-23934dadca28)]