

body.bird-bh { background: #0A0A0C; }
html[data-bird-theme="light"] body.bird-bh { background: #F6F3EC !important; }
body.bird-bh .grain-overlay {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.8 0 0 0 0 0.72 0 0 0 0 0.55 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");
  opacity: .5; mix-blend-mode: normal; z-index: 1;
}
html[data-bird-theme="light"] body.bird-bh .grain-overlay { opacity: .3; }

.bh-kick {
  font-family: 'Bird Mono', ui-monospace, monospace; font-size: 11px; letter-spacing: .22em;
  color: #4FC8B6; text-transform: uppercase; direction: ltr; display: block; margin-bottom: 12px;
}
html[data-bird-theme="light"] .bh-kick { color: #11675C; }

.bh-shop a { text-decoration: none; }
.bh-shop { position: relative; z-index: 2; font-family: 'IRANYekanX', Tahoma, sans-serif; color: #F0E8D5; padding-bottom: 76px; min-height: 70vh; }
html[data-bird-theme="light"] .bh-shop { color: #221B10; }
.sh-head { padding: 56px 4.5vw 8px; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.sh-title { font-family: 'Onvan', 'IRANYekanX', sans-serif; font-weight: 400; font-size: clamp(30px, 3.4vw, 42px); letter-spacing: -.01em; margin: 0; }
.sh-desc { font-size: 13px; color: rgba(240, 232, 213, .56); margin: 8px 0 0; max-width: 40em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
html[data-bird-theme="light"] .sh-desc { color: rgba(34, 27, 16, .62); }
.sh-count { font-family: 'Bird Mono', ui-monospace, monospace; font-size: 12px; color: rgba(240, 232, 213, .56); }
.sh-count b { color: #E8C97A; font-weight: 700; }
html[data-bird-theme="light"] .sh-count { color: rgba(34, 27, 16, .62); }
html[data-bird-theme="light"] .sh-count b { color: #6B4D14; }

.sh-filters { display: flex; gap: 10px; flex-wrap: wrap; padding: 22px 4.5vw 8px; }
.sh-chip {
  display: flex; align-items: center; gap: 8px; height: 38px; padding: 0 17px;
  border: 1px solid rgba(201, 168, 76, .13); border-radius: 19px;
  font-size: 12.5px; color: rgba(240, 232, 213, .64); background: #141318;
  text-decoration: none; transition: border-color .18s cubic-bezier(.23, 1, .32, 1), color .18s cubic-bezier(.23, 1, .32, 1);
}
html[data-bird-theme="light"] .sh-chip { background: #FFFFFF; border-color: rgba(138, 100, 32, .16); color: rgba(34, 27, 16, .7); }
.sh-chip.on { border-color: #C9A84C; color: #E8C97A; }
html[data-bird-theme="light"] .sh-chip.on { border-color: #8A6420; color: #6B4D14; }
@media (hover: hover) {
  .sh-chip:hover { border-color: rgba(201, 168, 76, .36); color: #F0E8D5; }
  html[data-bird-theme="light"] .sh-chip:hover { border-color: rgba(138, 100, 32, .4); color: #221B10; }
}

.sh-body { padding: 0 4.5vw; }
.sh-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; padding-top: 30px; }
.sh-card {
  --hole: #0A0A0C;
  position: relative; display: block; text-decoration: none; color: inherit;
  background: linear-gradient(172deg, #1A1820, #100F13);
  border: 1px solid rgba(201, 168, 76, .36); border-radius: 14px;
  padding: 22px 24px 18px;
  transition: transform .2s cubic-bezier(.23, 1, .32, 1), box-shadow .2s cubic-bezier(.23, 1, .32, 1);
}
html[data-bird-theme="light"] .sh-card { --hole: #F6F3EC; background: linear-gradient(172deg, #FFFFFF, #F7F3E9); border-color: rgba(138, 100, 32, .38); }

.sh-card::before {
  content: ""; position: absolute; inset: 0; border-radius: 14px; pointer-events: none;
  background-image:
    radial-gradient(circle 3.2px, var(--hole) 3.2px, transparent 3.6px),
    radial-gradient(circle 3.2px, var(--hole) 3.2px, transparent 3.6px);
  background-size: 22px 8px, 22px 8px;
  background-position: 11px -4px, 11px calc(100% + 4px);
  background-repeat: repeat-x, repeat-x;
}
.sh-strip {
  position: absolute; inset-inline: 14px; top: 0; height: 5px; border-radius: 0 0 4px 4px;
  background: repeating-linear-gradient(-45deg, #C9A84C 0 9px, transparent 9px 18px, #4FC8B6 18px 27px, transparent 27px 36px);
  opacity: .85;
}
html[data-bird-theme="light"] .sh-strip { background: repeating-linear-gradient(-45deg, #8A6420 0 9px, transparent 9px 18px, #11675C 18px 27px, transparent 27px 36px); }
.sh-card:active { transform: scale(.985); }
@media (hover: hover) { .sh-card:hover { transform: translateY(-4px); box-shadow: 0 26px 60px rgba(0, 0, 0, .5); } }
html[data-bird-theme="light"] .sh-card:hover { box-shadow: 0 20px 44px rgba(94, 68, 20, .16); }
.sh-card .c-kind { font-family: 'Bird Mono', ui-monospace, monospace; font-size: 9.5px; letter-spacing: .18em; color: #4FC8B6; text-transform: uppercase; display: block; margin-top: 8px; direction: ltr; text-align: start; }
html[data-bird-theme="light"] .sh-card .c-kind { color: #11675C; }
.sh-card .c-name { font-family: 'Onvan', 'IRANYekanX', sans-serif; font-weight: 400; font-size: 17.5px; line-height: 1.55; margin: 6px 0 0; color: inherit; }
.sh-card .c-lat { font-family: 'Bird Mono', ui-monospace, monospace; font-size: 10.5px; color: rgba(240, 232, 213, .56); direction: ltr; display: block; text-align: start; }
html[data-bird-theme="light"] .sh-card .c-lat { color: rgba(34, 27, 16, .62); }
.sh-card .c-desc { font-size: 12px; color: rgba(240, 232, 213, .56); line-height: 1.9; margin: 10px 0 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
html[data-bird-theme="light"] .sh-card .c-desc { color: rgba(34, 27, 16, .62); }
.sh-card .c-foot { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; margin-top: 16px; padding-top: 13px; border-top: 1px dashed rgba(201, 168, 76, .13); }
html[data-bird-theme="light"] .sh-card .c-foot { border-top-color: rgba(138, 100, 32, .2); }
.sh-card .c-price { font-size: 15px; font-weight: 800; color: #E8C97A; }
html[data-bird-theme="light"] .sh-card .c-price { color: #6B4D14; }
.sh-card .c-price small { font-size: 10px; font-weight: 400; color: rgba(240, 232, 213, .56); display: block; }
.sh-card .c-price small.inl { display: inline; margin-inline-start: 4px; }
html[data-bird-theme="light"] .sh-card .c-price small { color: rgba(34, 27, 16, .62); }
.sh-card .c-go {
  width: 38px; height: 38px; border-radius: 50%; flex: none;
  border: 1px solid rgba(201, 168, 76, .36);
  display: flex; align-items: center; justify-content: center; color: #E8C97A;
  transition: background .18s cubic-bezier(.23, 1, .32, 1), color .18s cubic-bezier(.23, 1, .32, 1);
}
html[data-bird-theme="light"] .sh-card .c-go { color: #6B4D14; border-color: rgba(138, 100, 32, .4); }
@media (hover: hover) {
  .sh-card:hover .c-go { background: #C9A84C; color: #1A1304; border-color: #C9A84C; }
  html[data-bird-theme="light"] .sh-card:hover .c-go { background: #8A6420; color: #FFFDF7; border-color: #8A6420; }
}

.sh-pages { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 44px 0 0; font-family: 'Bird Mono', ui-monospace, monospace; direction: ltr; flex-wrap: wrap; }
.sh-pages .page-numbers {
  min-width: 42px; height: 42px; padding: 0 10px; border: 1px solid rgba(201, 168, 76, .13); border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center; font-size: 13px;
  color: rgba(240, 232, 213, .64); text-decoration: none;
  transition: border-color .18s cubic-bezier(.23, 1, .32, 1), color .18s cubic-bezier(.23, 1, .32, 1);
}
html[data-bird-theme="light"] .sh-pages .page-numbers { color: rgba(34, 27, 16, .7); border-color: rgba(138, 100, 32, .2); }
.sh-pages .page-numbers.current { border-color: #C9A84C; color: #E8C97A; }
html[data-bird-theme="light"] .sh-pages .page-numbers.current { border-color: #8A6420; color: #6B4D14; }
@media (hover: hover) {
  .sh-pages a.page-numbers:hover { border-color: rgba(201, 168, 76, .36); color: #F0E8D5; }
  html[data-bird-theme="light"] .sh-pages a.page-numbers:hover { border-color: rgba(138, 100, 32, .4); color: #221B10; }
}
.sh-empty { text-align: center; padding: 80px 20px; color: rgba(240, 232, 213, .64); }
html[data-bird-theme="light"] .sh-empty { color: rgba(34, 27, 16, .7); }
.sh-empty a { color: #E8C97A; display: inline-block; margin-top: 16px; }
html[data-bird-theme="light"] .sh-empty a { color: #6B4D14; }
@media (max-width: 1060px) { .sh-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .sh-grid { grid-template-columns: 1fr; } .sh-head { padding-top: 40px; } }

.bh-terms { position: relative; z-index: 2; font-family: 'IRANYekanX', Tahoma, sans-serif; color: #F0E8D5; }
html[data-bird-theme="light"] .bh-terms { color: #221B10; }
.tm-head { padding: 60px 4.5vw 34px; max-width: 900px; margin-inline: auto; text-align: center; }
.tm-head .bh-kick { margin-bottom: 14px; }
.tm-head h1 { font-family: 'Onvan', 'IRANYekanX', sans-serif; font-weight: 400; font-size: clamp(30px, 3.6vw, 44px); letter-spacing: -.01em; margin: 0; }
.tm-head p { font-size: 13px; color: rgba(240, 232, 213, .56); margin: 10px 0 0; }
html[data-bird-theme="light"] .tm-head p { color: rgba(34, 27, 16, .62); }

.tm-doc { position: relative; background: #F3EDDE; color: #221B10; padding: 76px 4.5vw 70px; }
html[data-bird-theme="light"] .tm-doc { background: #EDE4D0; }
.tm-doc::before, .tm-doc::after {
  content: ""; position: absolute; inset-inline: 0; height: 9px; pointer-events: none;
  background-image: radial-gradient(circle 4.2px, #0A0A0C 4.2px, transparent 4.6px);
  background-size: 24px 9px; background-position: 12px 0; background-repeat: repeat-x;
}
html[data-bird-theme="light"] .tm-doc::before,
html[data-bird-theme="light"] .tm-doc::after {
  background-image: radial-gradient(circle 4.2px, #F6F3EC 4.2px, transparent 4.6px);
}
.tm-doc::before { top: -1px; }
.tm-doc::after { bottom: -1px; transform: scaleY(-1); }

.tm-sheet {
  max-width: 860px; margin-inline: auto; position: relative;
  background: #FDFAF1; border: 1px solid #EAE2CE; border-radius: 6px;
  padding: 56px 58px; box-shadow: 0 20px 50px rgba(94, 68, 20, .13);
}
.tm-edge {
  position: absolute; inset-inline: 0; top: 0; height: 5px; border-radius: 6px 6px 0 0;
  background: repeating-linear-gradient(-45deg, #C9A84C 0 9px, transparent 9px 18px, #11675C 18px 27px, transparent 27px 36px);
  opacity: .75;
}
.tm-stamp {
  position: absolute; top: 34px; inset-inline-start: 40px;
  width: 88px; height: 88px; border: 2px solid rgba(17, 103, 92, .45); border-radius: 50%;
  display: flex; align-items: center; justify-content: center; flex-direction: column;
  color: #11675C; font-size: 10px; font-weight: 700; letter-spacing: .06em;
  transform: rotate(12deg); opacity: .75; text-align: center;
}
.tm-stamp b { font-size: 8px; font-weight: 500; letter-spacing: .16em; opacity: .8; }
.tm-no { font-family: 'Bird Mono', ui-monospace, monospace; font-size: 10px; letter-spacing: .14em; color: #6B4D14; text-align: left; margin-bottom: 26px; }

.tm-content { counter-reset: tmsec; }
.tm-content h2 {
  display: flex; align-items: baseline; gap: 14px;
  font-family: 'Onvan', 'IRANYekanX', sans-serif; font-weight: 400; font-size: 21px;
  margin: 34px 0 12px; color: #221B10;
}
.tm-content h2:first-child { margin-top: 0; }
.tm-content h2::before {
  counter-increment: tmsec;
  content: "§0" counter(tmsec);
  font-family: 'Bird Mono', ui-monospace, monospace; font-size: 13px; color: #11675C;
  direction: ltr; flex: none;
}
.tm-content h3 { font-family: 'Onvan', 'IRANYekanX', sans-serif; font-weight: 400; font-size: 17px; margin: 22px 0 8px; color: #221B10; }
.tm-content p { font-size: 13.5px; color: rgba(34, 27, 16, .68); line-height: 2.1; margin: 0 0 12px; text-align: justify; }
.tm-content ul, .tm-content ol { margin: 0 0 14px; padding-inline-start: 22px; }
.tm-content li { font-size: 13.5px; color: rgba(34, 27, 16, .68); line-height: 2.05; padding: 4px 0; }
.tm-content a { color: #11675C; border-bottom: 1px dashed rgba(17, 103, 92, .4); text-decoration: none; }
.tm-content strong, .tm-content b { color: #221B10; font-weight: 700; }
.tm-note {
  margin-top: 30px; padding-top: 20px; border-top: 1px solid #EAE2CE;
  font-size: 11.5px; color: rgba(34, 27, 16, .68);
  display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap;
}
.tm-note-d { font-family: 'Bird Mono', ui-monospace, monospace; font-size: 10px; color: #6B4D14; }
@media (max-width: 760px) {
  .tm-sheet { padding: 70px 24px 34px; }
  .tm-stamp { top: 20px; inset-inline-start: 20px; width: 72px; height: 72px; }
}

.sh-cats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; padding-top: 26px; }
.sh-cat {
  --hole: #0A0A0C;

  text-decoration: none;
  position: relative; display: flex; flex-direction: column;
  background: linear-gradient(172deg, #1A1820, #100F13);
  border: 1px solid rgba(201, 168, 76, .36); border-radius: 14px;
  padding: 26px 24px 18px; color: #F0E8D5;
  transition: transform .2s cubic-bezier(.23, 1, .32, 1), box-shadow .2s cubic-bezier(.23, 1, .32, 1);
}
html[data-bird-theme="light"] .sh-cat { --hole: #F6F3EC; background: linear-gradient(172deg, #FFFFFF, #FBF9F4); border-color: rgba(138, 100, 32, .34); color: #221B10; }
.sh-cat::before {
  content: ""; position: absolute; inset: 0; border-radius: 14px; pointer-events: none;
  background-image: radial-gradient(circle 3.2px, var(--hole) 3.2px, transparent 3.6px), radial-gradient(circle 3.2px, var(--hole) 3.2px, transparent 3.6px);
  background-size: 22px 8px, 22px 8px; background-position: 11px -4px, 11px calc(100% + 4px); background-repeat: repeat-x, repeat-x;
}
.sh-cat:active { transform: scale(.985); }
@media (hover: hover) { .sh-cat:hover { transform: translateY(-4px); box-shadow: 0 26px 60px rgba(0, 0, 0, .5); } }
html[data-bird-theme="light"] .sh-cat:hover { box-shadow: 0 22px 50px rgba(107, 77, 20, .13); }
.sh-cat-ic {
  width: 44px; height: 44px; display: flex; align-items: center; justify-content: center;
  border: 1px solid rgba(201, 168, 76, .13); border-radius: 12px; background: rgba(79, 200, 182, .06); color: #4FC8B6; margin-bottom: 14px;
}
html[data-bird-theme="light"] .sh-cat-ic { border-color: rgba(138, 100, 32, .16); color: #11675C; }
.sh-cat-ic svg { width: 21px; height: 21px; }
.sh-cat-lat { font-family: 'Bird Mono', ui-monospace, monospace; font-size: 9.5px; letter-spacing: .18em; text-transform: uppercase; color: #4FC8B6; direction: ltr; display: block; }
html[data-bird-theme="light"] .sh-cat-lat { color: #11675C; }
.sh-cat-name { font-family: 'Onvan', 'IRANYekanX', sans-serif; font-weight: 400; font-size: 18px; letter-spacing: -.01em; margin: 4px 0 0; color: inherit; }
.sh-cat-ex { font-size: 12px; line-height: 1.95; color: rgba(240, 232, 213, .56); margin: 10px 0 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
html[data-bird-theme="light"] .sh-cat-ex { color: rgba(34, 27, 16, .62); }
.sh-cat-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 16px; padding-top: 13px; border-top: 1px dashed rgba(201, 168, 76, .13); }
html[data-bird-theme="light"] .sh-cat-foot { border-top-color: rgba(138, 100, 32, .16); }
.sh-cat-foot b { font-size: 13px; font-weight: 700; color: #E8C97A; }
html[data-bird-theme="light"] .sh-cat-foot b { color: #6B4D14; }
.sh-allline { text-align: center; padding: 30px 0 60px; }
.sh-allline a {
  font-size: 13px; color: #E8C97A; border-bottom: 1px solid transparent;
  transition: border-color .18s cubic-bezier(.23, 1, .32, 1), transform .14s cubic-bezier(.23, 1, .32, 1);
}
html[data-bird-theme="light"] .sh-allline a { color: #6B4D14; }
.sh-allline a:active { transform: scale(.97); }
@media (hover: hover) { .sh-allline a:hover { border-bottom-color: currentColor; } }
@media (max-width: 1180px) { .sh-cats { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .sh-cats { grid-template-columns: 1fr; } }
