/* Tawfeer Code: warm, friendly, chunky numbers. */
@font-face{font-family:Baloo;src:url(/assets/fonts/baloo-bhaijaan-2-arabic-600-normal.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Baloo;src:url(/assets/fonts/baloo-bhaijaan-2-arabic-800-normal.woff2) format("woff2");font-weight:800;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Baloo;src:url(/assets/fonts/baloo-bhaijaan-2-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:Baloo;src:url(/assets/fonts/baloo-bhaijaan-2-latin-800-normal.woff2) format("woff2");font-weight:800;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:Mada;src:url(/assets/fonts/mada-arabic-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Mada;src:url(/assets/fonts/mada-arabic-500-normal.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Mada;src:url(/assets/fonts/mada-arabic-700-normal.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Mada;src:url(/assets/fonts/mada-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:Mada;src:url(/assets/fonts/mada-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:Mada;src:url(/assets/fonts/mada-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC}

*,*::before,*::after{box-sizing:border-box}
:root{--soft:color-mix(in srgb,var(--coral) 12%,var(--cream));--edge:color-mix(in srgb,var(--cocoa) 12%,transparent);--dim:color-mix(in srgb,var(--cocoa) 64%,var(--cream));--round:22px;--lift:0 2px 0 color-mix(in srgb,var(--cocoa) 8%,transparent),0 18px 40px -24px color-mix(in srgb,var(--coral) 55%,transparent)}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.tc{margin:0;background:var(--cream);color:var(--cocoa);font:500 17px/1.7 Mada,Tahoma,sans-serif;
  background-image:radial-gradient(circle at 12% 0,color-mix(in srgb,var(--coral) 10%,transparent) 0,transparent 32%),radial-gradient(circle at 92% 18%,#FFE7B8 0,transparent 26%);background-attachment:fixed}
a{color:inherit;text-decoration-color:var(--coral);text-underline-offset:3px;text-decoration-thickness:2px}
h1,h2,h3{font-family:Baloo,Mada,sans-serif;font-weight:800;line-height:1.2;margin:0 0 .45em}
h1{font-size:clamp(2rem,5.4vw,3.5rem)}
h2{font-size:clamp(1.35rem,3vw,1.9rem)}
h3{font-size:1.15rem;font-weight:600}
code{font:700 .95em ui-monospace,Consolas,monospace;letter-spacing:.06em;background:#FFE8D8;color:#8A2B0B;padding:.1em .45em;border-radius:8px;unicode-bidi:isolate}
main>section{margin-block:clamp(26px,5vw,52px)}
.tc-shell{max-width:1140px;margin-inline:auto;padding-inline:clamp(14px,3.5vw,30px)}
.tc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tc-skip{position:absolute;top:-80px;inset-inline-start:12px;background:var(--paper);padding:8px 12px;border-radius:10px;z-index:9}.tc-skip:focus{top:12px}
:focus-visible{outline:3px dashed var(--coral);outline-offset:3px}
.tc-fine{font-size:.86rem;color:var(--dim)}
.tc-doodle{width:52px;height:52px;flex:none}

/* top bar */
.tc-top{background:var(--paper);border-bottom:2px solid var(--cocoa);position:sticky;top:0;z-index:6}
.tc-top__row{display:flex;align-items:center;gap:18px;min-height:68px}
.tc-logo{display:flex;align-items:center;gap:8px;text-decoration:none}
.tc-logo .tc-doodle{width:40px;height:40px;transition:transform .3s}
.tc-logo:hover .tc-doodle{transform:rotate(-14deg) scale(1.08)}
.tc-logo b{display:block;font-family:Baloo,sans-serif;font-weight:800;font-size:1.35rem;line-height:1}
.tc-logo small{color:var(--coral);font-weight:700;font-size:.78rem}
.tc-menu{display:flex;gap:6px;flex:1;justify-content:center;flex-wrap:wrap}
.tc-menu a{text-decoration:none;font-weight:700;padding:6px 14px;border-radius:999px}
.tc-menu a:hover{background:var(--soft)}
.tc-menu__calc{background:var(--coral);color:#fff}.tc-menu__calc:hover{background:var(--cocoa)!important}
.tc-lang{font:800 1rem Baloo,sans-serif;text-decoration:none;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--cocoa);background:#FFE39E}
.tc-trail{list-style:none;display:flex;flex-wrap:wrap;gap:4px;font-size:.86rem;color:var(--dim);margin-top:16px;margin-bottom:0}
.tc-trail li+li::before{content:"•";margin-inline:6px;color:var(--coral)}
.tc-trail a{text-decoration:none}

/* hero */
.tc-hero{padding-block:clamp(34px,6vw,70px);margin-top:0!important}
.tc-hero__grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:center}
.tc-kicker{display:inline-block;font-weight:700;color:var(--coral);background:var(--paper);border:2px solid var(--coral);border-radius:999px;padding:2px 14px;margin:0 0 12px;font-size:.88rem}
.tc-hero h1{font-size:clamp(2.4rem,7vw,4.6rem);animation:tc-pop .6s cubic-bezier(.2,1.4,.4,1) both}
.tc-hero__lead{font-size:1.15rem;color:var(--dim);max-width:52ch}
.tc-find input{width:100%;max-width:540px;font:inherit;padding:15px 22px;border-radius:999px;border:2px solid var(--cocoa);background:var(--paper);box-shadow:4px 4px 0 var(--cocoa)}
.tc-find input:focus{outline:none;box-shadow:4px 4px 0 var(--coral)}
.tc-hero__card{background:var(--paper);border:2px solid var(--cocoa);border-radius:28px;padding:24px;box-shadow:8px 8px 0 var(--coral);transform:rotate(-2deg);animation:tc-pop .7s .1s both}
.tc-hero__card p{margin:6px 0;font-size:1.02rem}
.tc-hero__card b{font:800 2.4rem/1 Baloo,sans-serif;color:var(--coral);margin-inline-end:6px}
.tc-btn{display:inline-block;margin-top:12px;background:var(--cocoa);color:#fff;text-decoration:none;font-weight:700;padding:10px 20px;border-radius:999px}
.tc-btn:hover{background:var(--coral)}
@keyframes tc-pop{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
.tc-hero__card{animation-name:tc-tilt}@keyframes tc-tilt{from{opacity:0;transform:rotate(4deg) translateY(20px)}to{opacity:1;transform:rotate(-2deg)}}

.tc-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.tc-row a{font-weight:700}
.tc-head{padding-top:8px}.tc-head>p{max-width:68ch;color:var(--dim);font-size:1.08rem}
.tc-prose{max-width:760px}

/* leaderboard */
.tc-board{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tc-board a{display:grid;grid-template-columns:42px minmax(0,1.4fr) minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--paper);border:2px solid var(--edge);border-radius:18px;padding:10px 16px;text-decoration:none;transition:transform .15s,border-color .15s}
.tc-board a:hover{transform:translateX(4px);border-color:var(--coral)}
.tc-ar .tc-board a:hover{transform:translateX(-4px)}
.tc-board__n{font:800 1.4rem/1 Baloo,sans-serif;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--coral)}
.tc-board li:first-child .tc-board__n{background:var(--coral);color:#fff}
.tc-board__who{min-width:0}.tc-board__who small{display:block;color:var(--dim);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tc-board__bar{height:12px;border-radius:999px;background:var(--soft);overflow:hidden}
.tc-board__bar i{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,#FFC857,var(--coral));border-radius:inherit}
.tc-board__v{font:800 1.3rem Baloo,sans-serif;color:var(--yes);white-space:nowrap}

/* store cards */
.tc-stores{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.tc-store{display:flex;gap:12px;align-items:center;background:var(--paper);border-radius:var(--round);padding:14px;text-decoration:none;box-shadow:var(--lift);border:2px solid transparent;transition:transform .18s,border-color .18s}
.tc-store:hover{transform:translateY(-4px) rotate(-.6deg);border-color:var(--coral)}
.tc-store[hidden]{display:none}
.tc-store__txt{display:flex;flex-direction:column;min-width:0}
.tc-store__txt b{font-size:1.05rem}.tc-store__txt span{font-size:.88rem;color:var(--yes);font-weight:700;line-height:1.4}.tc-store__txt small{color:var(--dim);font-size:.78rem}
.tc-mark{flex:none;display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:var(--mk);color:var(--mt);font:800 1.05rem Baloo,sans-serif;border:2px solid var(--cocoa)}
.tc-mark img{width:100%;height:100%;object-fit:contain;border-radius:14px;background:#fff}
.tc-mark--big{width:78px;height:78px;border-radius:24px;font-size:1.6rem;box-shadow:4px 4px 0 var(--cocoa)}
.tc-cats{display:flex;flex-wrap:wrap;gap:8px}
.tc-cats a{text-decoration:none;font-weight:700;font-size:.92rem;background:var(--paper);border:2px solid var(--edge);padding:5px 14px;border-radius:999px}
.tc-cats a:hover{border-color:var(--coral)}

/* store intro + verdict */
.tc-intro__who{display:flex;gap:18px;align-items:center}
.tc-intro__who h1{margin-bottom:4px}
.tc-meta{margin:0;color:var(--dim);font-size:.9rem}
.tc-verdict{display:flex;gap:16px;align-items:flex-start;margin-top:20px;background:var(--paper);border:2px solid var(--cocoa);border-radius:var(--round);padding:20px 22px;box-shadow:6px 6px 0 #FFC857}
.tc-verdict h2{font-size:1.2rem;margin-bottom:.3em}
.tc-verdict__a{margin:0 0 6px;font-size:1.08rem}
.tc-verdict__sum{margin:0;color:var(--dim);font-size:.92rem}

/* calculator */
.tc-calc{background:var(--cocoa);color:#FFF4E8;border-radius:30px;padding-block:24px}
.tc-calc h2{color:#fff}
.tc-calc__in{display:grid;gap:6px}
.tc-calc__label{font-weight:700;color:#FFC857}
.tc-calc__ctrl{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.tc-calc__ctrl input[type=range]{flex:1;min-width:180px;accent-color:var(--coral);height:28px}
.tc-calc__ctrl input[type=number]{width:130px;font:800 1.4rem Baloo,sans-serif;text-align:center;padding:6px 10px;border-radius:14px;border:2px solid #FFC857;background:#3a2519;color:#fff}
.tc-calc .tc-fine{color:#d9c6b6}
.tc-rank{list-style:none;padding:0;margin:16px 0 4px;display:grid;gap:8px}
.tc-rank__row{display:grid;grid-template-columns:36px minmax(0,1fr) auto 32px;gap:12px;align-items:center;background:var(--paper);color:var(--cocoa);border-radius:16px;padding:10px 14px;transition:transform .25s}
.tc-rank__row:first-child{box-shadow:0 0 0 3px var(--coral)}
.tc-rank__pos{font:800 1.3rem Baloo,sans-serif;color:var(--coral);text-align:center}
.tc-rank__what{min-width:0;display:flex;flex-direction:column}.tc-rank__what small{color:var(--dim);font-size:.82rem;line-height:1.4}
.tc-rank__save{font:800 1.35rem Baloo,sans-serif;color:var(--yes);white-space:nowrap}
.tc-rank__go{text-decoration:none;font-weight:800;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--soft)}
.tc-tool .tc-rank__row{background:var(--paper)}
.tc-tool__form{display:flex;gap:14px;flex-wrap:wrap;background:var(--paper);border-radius:var(--round);padding:18px;box-shadow:var(--lift)}
.tc-tool__form label{display:flex;flex-direction:column;font-weight:700;gap:4px;flex:1;min-width:200px}
.tc-tool__form select,.tc-tool__form input{font:inherit;padding:10px 12px;border-radius:14px;border:2px solid var(--cocoa);background:#fff}

/* tables */
.tc-scroll{overflow-x:auto;border-radius:var(--round);background:var(--paper);box-shadow:var(--lift)}
.tc-table{width:100%;border-collapse:collapse;font-size:.94rem}
.tc-table th{text-align:start;background:#FFE8D8;padding:12px 14px;font-weight:700;white-space:nowrap}
.tc-table td{padding:11px 14px;border-top:1px dashed var(--edge);vertical-align:top}
.tc-num{font-weight:800;color:var(--yes);white-space:nowrap}
.tc-dot{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;font-weight:700;white-space:nowrap}
.tc-dot::before{content:"";width:10px;height:10px;border-radius:50%;background:currentColor}
.tc-dot--high{color:var(--yes)}.tc-dot--medium{color:var(--maybe)}.tc-dot--unverified{color:var(--unk)}

/* coupons */
.tc-coupons{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px}
.tc-coupon{background:var(--paper);border-radius:26px;padding:18px 20px;box-shadow:var(--lift);border:2px solid var(--edge);min-width:0;scroll-margin-top:90px;display:flex;flex-direction:column;gap:6px;position:relative}
.tc-coupon:target{border-color:var(--coral);box-shadow:0 0 0 4px #FFD8C6}
.tc-coupon--top{border-color:var(--coral);background:linear-gradient(180deg,#FFF1E8,var(--paper) 40%)}
.tc-coupon__head{display:flex;gap:14px;align-items:flex-start}
.tc-coupon__num{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:var(--coral);color:#fff;border:3px solid var(--cocoa);box-shadow:3px 3px 0 var(--cocoa)}
.tc-coupon__num b{font:800 1.7rem/1 Baloo,sans-serif}.tc-coupon__num small{font-size:.72rem;font-weight:700}
.tc-coupon__ttl{min-width:0}.tc-coupon__ttl h3{margin-bottom:6px}
.tc-flag{display:inline-block;background:#FFC857;font-weight:800;font-size:.75rem;padding:1px 10px;border-radius:999px;margin-bottom:4px}
.tc-tags{display:flex;flex-wrap:wrap;gap:5px;list-style:none;padding:0;margin:0}
.tc-tags li{font-size:.74rem;font-weight:700;background:var(--soft);padding:1px 9px;border-radius:999px}
.tc-tags__end{background:#FFE1D6!important;color:#9A3412}
.tc-coupon__math{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 0}
.tc-coupon__math div{background:var(--cream);border:1px dashed var(--edge);border-radius:14px;padding:4px 12px}
.tc-coupon__math dt{font-size:.72rem;color:var(--dim);font-weight:700}
.tc-coupon__math dd{margin:0;font:800 1.1rem Baloo,sans-serif;color:var(--yes)}
.tc-insight{margin:4px 0 0;font-size:.88rem;background:#FFF6D9;border-radius:12px;padding:6px 12px}
.tc-coupon__terms{margin:2px 0 0;font-size:.88rem;color:var(--dim)}
.tc-trust{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:.84rem;margin:2px 0 0;align-items:center}
.tc-trust__lvl{font-weight:800;padding:1px 10px;border-radius:999px;color:#fff}
.tc-trust--high .tc-trust__lvl{background:var(--yes)}.tc-trust--medium .tc-trust__lvl{background:var(--maybe)}.tc-trust--unverified .tc-trust__lvl{background:var(--unk)}
.tc-trust time{color:var(--dim)}
.tc-coupon__do{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:6px}
.tc-code{display:inline-flex;align-items:stretch;border:2px solid var(--cocoa);border-radius:16px;overflow:hidden;max-width:100%}
.tc-code code{background:#FFF;border-radius:0;font-size:1.15rem;padding:8px 14px;color:var(--cocoa);overflow-wrap:anywhere}
.tc-copy{font:800 1rem Baloo,Mada,sans-serif;border:0;background:var(--coral);color:#fff;padding:0 18px;cursor:pointer}
.tc-copy:hover{background:var(--cocoa)}.tc-copy.is-done{background:var(--yes)}
.tc-nocode{font-weight:700;background:var(--soft);border-radius:14px;padding:8px 14px}
.tc-out{font-weight:800}
.tc-worked{font-size:.82rem;color:var(--dim);display:inline-flex;gap:4px;align-items:center;margin-inline-start:auto}
.tc-worked button{border:2px solid var(--edge);background:var(--paper);border-radius:999px;padding:0 8px;cursor:pointer;font-size:.95rem}
.tc-worked button[aria-pressed=true]{border-color:var(--coral);background:#FFE8D8}

/* duo blocks */
.tc-duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}
.tc-receipt{background:var(--paper);padding:22px 24px 30px;border-radius:6px 6px 0 0;box-shadow:var(--lift);position:relative;
  -webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/20px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/20px 100%}
.tc-steps{counter-reset:st;list-style:none;padding:0}
.tc-steps li{counter-increment:st;display:flex;gap:10px;margin-bottom:8px}
.tc-steps li::before{content:counter(st);flex:none;width:28px;height:28px;border-radius:50%;background:#FFC857;font:800 .95rem/28px Baloo,sans-serif;text-align:center}
.tc-facts{background:#FFF1E8;border-radius:var(--round);padding:22px 24px;border:2px dashed var(--coral)}
.tc-facts dl{margin:0;display:grid;gap:8px}
.tc-facts dt{font-weight:800;font-size:.84rem;color:var(--coral)}
.tc-facts dd{margin:0}
.tc-legend{list-style:none;padding:0}.tc-legend li{margin-bottom:8px}

/* sales, faq, misc */
.tc-sales{list-style:none;padding:0;margin:0 0 10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.tc-sales li{background:var(--paper);border-radius:18px;padding:14px 16px;box-shadow:var(--lift);display:flex;flex-direction:column;border-top:6px solid #FFC857}
.tc-sales li.is-live{border-top-color:var(--yes)}
.tc-sales span{font-size:.84rem;color:var(--dim)}.tc-sales em{font-style:normal;font-weight:700;font-size:.82rem;color:var(--coral)}
.tc-sales li.is-live em{color:var(--yes)}
.tc-qa{display:grid;gap:10px;max-width:880px}
.tc-qa__item{background:var(--paper);border-radius:18px;padding:2px 18px;box-shadow:var(--lift)}
.tc-qa__item summary{cursor:pointer;font-weight:800;padding:12px 0;list-style:none;display:flex;justify-content:space-between;gap:10px}
.tc-qa__item summary::-webkit-details-marker{display:none}
.tc-qa__item summary::after{content:"＋";color:var(--coral);font-weight:800}
.tc-qa__item[open] summary::after{content:"－"}
.tc-qa__item div{padding-bottom:14px}
.tc-old{color:var(--dim)}.tc-old s{font-family:ui-monospace,Consolas,monospace}
.tc-log{list-style:none;padding:0}.tc-log li{padding:7px 0;border-bottom:1px dashed var(--edge)}.tc-log time{display:inline-block;min-width:130px;color:var(--dim);font-size:.85rem}
.tc-twin{font-weight:700;margin-top:16px}

/* footer */
.tc-foot{margin-top:70px;background:var(--cocoa);color:#F3E6DA;padding-block:40px;border-radius:40px 40px 0 0}
.tc-foot__grid{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:26px}
.tc-foot a{display:block;color:#FFE6D2;text-decoration:none;margin-bottom:6px}.tc-foot a:hover{color:#FFC857}
.tc-foot__brand{display:flex;align-items:center;gap:8px;font:800 1.4rem Baloo,sans-serif;color:#fff;margin:0}
.tc-foot__brand .tc-doodle{width:38px;height:38px}
.tc-foot__h{font-size:1rem;color:#FFC857;margin-bottom:8px}
.tc-foot .tc-fine{color:#C9B4A3}
.tc-pop{position:fixed;bottom:22px;inset-inline:0;margin:0 auto;width:max-content;max-width:90vw;background:var(--coral);color:#fff;font-weight:800;padding:10px 20px;border-radius:999px;border:2px solid var(--cocoa);opacity:0;transform:translateY(30px);transition:.25s;pointer-events:none;z-index:10}
.tc-pop.is-on{opacity:1;transform:none}

@media (max-width:860px){
  .tc-hero__grid,.tc-duo,.tc-foot__grid{grid-template-columns:minmax(0,1fr)}
  .tc-hero__card{transform:none;animation:none}
  .tc-menu{order:3;flex-basis:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}
  .tc-menu a{white-space:nowrap}
  .tc-top{position:static}
  .tc-board a{grid-template-columns:34px minmax(0,1fr) auto}
  .tc-board__bar{display:none}
  .tc-rank__row{grid-template-columns:28px minmax(0,1fr) auto;gap:8px}
  .tc-rank__go{display:none}
  .tc-coupon__num{width:66px;height:66px}.tc-coupon__num b{font-size:1.3rem}
  .tc-intro__who{align-items:flex-start}.tc-mark--big{width:58px;height:58px;font-size:1.2rem}
  .tc-verdict{flex-direction:column}
  .tc-worked{margin-inline-start:0}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}