.compare-page{--cream:#F9E6C0;--ink:#222833;--orange:#ED613B;--blue:#A8C5DA;--green:#8AB57C;--brown:#A1683A;--red:#C43543;--font-main:"IranSansX",sans-serif;--font-display:"Handicrafts",serif;background:var(--cream);color:var(--ink);font-family:var(--font-main);direction:rtl;overflow:hidden;min-height:100vh}.compare-page *,.compare-page *:before,.compare-page *:after{box-sizing:border-box}.compare-page :is(button,select,a):focus-visible{outline:3px solid var(--ink);outline-offset:5px}.cmp-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4%;padding:8rem 6% 2rem;background:var(--cream)}.cmp-hero-inner{position:relative;z-index:2;min-width:0}.cmp-breadcrumb{display:inline-block;color:var(--ink);font-size:.875rem;text-decoration:none;margin-bottom:1.2rem}.cmp-kicker{font-size:.875rem;font-weight:700;margin-bottom:1rem}.cmp-kicker:before{content:"";display:inline-block;width:32px;height:2px;vertical-align:middle;background:var(--orange);margin-inline-end:10px}.cmp-hero h1{font-family:var(--font-display);font-size:clamp(2.6rem,5.2vw,4.6rem);line-height:1.2;margin:0 0 1rem;color:var(--ink)}.cmp-hero h1 em{font-style:normal;color:var(--orange)}.cmp-hero-inner>p{font-size:1rem;line-height:1.9;max-width:490px;margin:0}.cmp-hero-palette{position:relative;height:345px;display:flex;align-items:flex-end;justify-content:center;gap:16px;direction:rtl;pointer-events:none}.cmp-coffee-arch{position:relative;width:46%;max-width:235px;margin:0;overflow:hidden;border:3px solid var(--cream);border-bottom:0;border-radius:180px 180px 18px 18px}.cmp-arch-a{height:77%}.cmp-arch-b{height:88%}.cmp-coffee-arch img{display:block;width:100%;height:100%;object-fit:cover}.cmp-arch-a img{object-position:55% 65%}.cmp-flying-hoopoe{position:absolute;z-index:3;top:-24px;right:34%;width:82px;height:82px;--travel:45px;animation:cmp-flight 12s ease-in-out infinite}.cmp-flying-hoopoe img{width:100%;height:100%;object-fit:contain}.cmp-hero:hover .cmp-flying-hoopoe,.cmp-hero:focus-within .cmp-flying-hoopoe{animation-play-state:paused}@keyframes cmp-flight{0%,to{opacity:0;transform:translate(var(--travel),4px) rotate(2deg)}12%{opacity:1}48%{opacity:1;transform:translateY(-5px) rotate(-2deg)}78%{opacity:1;transform:translate(calc(-1 * var(--travel)),3px)}90%{opacity:0;transform:translate(calc(-1 * var(--travel)),3px)}}.cmp-body{max-width:1180px;margin:auto;padding:2rem 5% 4.5rem}.cmp-intro,.cmp-result-head{display:flex;gap:1rem;align-items:flex-start;margin:0 0 1.4rem}.cmp-section-no{flex:0 0 40px;height:40px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;font-size:.875rem;font-weight:800}.cmp-eyebrow{font-size:.875rem;margin-bottom:.4rem}.cmp-intro h2,.cmp-result-head h2{font-family:var(--font-display);font-size:2.1rem;line-height:1.3;margin:0 0 .4rem}.cmp-intro p{margin:0;font-size:1rem;line-height:1.8}.cmp-selectors{display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);gap:1rem;align-items:center;margin-bottom:1.5rem}.cmp-sel-wrap{padding:1.25rem;border:1px solid var(--ink);border-radius:20px;border-top:6px solid var(--orange);background:var(--cream)}.cmp-sel-b{border-top-color:var(--blue)}.cmp-sel-top{display:flex;align-items:center;gap:.6rem;margin-bottom:.85rem}.cmp-sel-top label{font-size:1rem;font-weight:800}.cmp-dot{width:12px;height:12px;border-radius:50%;background:var(--orange);border:1px solid var(--ink)}.cmp-sel-b .cmp-dot{background:var(--blue)}.cmp-select{width:100%;min-height:52px;border:1px solid var(--ink);border-radius:12px;padding:.75rem;font:1rem var(--font-main);color:var(--ink);background:var(--cream);cursor:pointer}.cmp-swap{display:flex;align-items:center;justify-content:center}.cmp-swap span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--ink);color:var(--cream);font-size:1.4rem}.cmp-swap small{display:none}.cmp-empty{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid var(--ink);border-radius:22px;background:var(--ink);color:var(--cream);padding:2rem 1rem}.cmp-empty-art{display:flex;align-items:center;gap:12px;margin-bottom:1rem}.cmp-empty-number{display:grid;place-items:center;width:38px;height:44px;border-radius:12px;background:var(--orange);color:var(--ink);font-size:1.2rem;font-weight:800}.cmp-empty-number:last-child{background:var(--blue)}.cmp-empty-art b{font-size:1rem;font-weight:400}.cmp-empty h3{font-family:var(--font-display);font-size:1.8rem;margin:0 0 .5rem}.cmp-empty p{font-size:1rem;line-height:1.8;margin:0;max-width:440px}.cmp-result{padding-top:1.3rem}.cmp-cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.1rem;margin-bottom:1.5rem}.cmp-pcard{display:grid;grid-template-columns:40% minmax(0,1fr);overflow:hidden;border:1px solid var(--ink);border-top:6px solid var(--orange);border-radius:22px;background:var(--cream)}.cmp-pcard-b{border-top-color:var(--blue)}.cpcard-visual{position:relative;min-height:230px;background:var(--orange);padding:1rem}.cmp-pcard-b .cpcard-visual{background:var(--blue)}.cpcard-visual img{width:100%;height:100%;max-height:250px;object-fit:contain;display:block}.cpcard-number{position:absolute;top:10px;right:10px;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;background:var(--ink);color:var(--cream);font-size:.8rem}.cpcard-body{padding:1.2rem;display:flex;flex-direction:column;justify-content:center;min-width:0}.cpcard-label{font-size:.875rem;margin-bottom:.5rem}.cpcard-body h3{font-family:var(--font-display);font-size:1.75rem;line-height:1.4;margin:0 0 .75rem;overflow-wrap:anywhere}.cpcard-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}.cpcard-chips span{font-size:.875rem;border:1px solid var(--ink);padding:.25rem .5rem;border-radius:8px}.cpcard-price{font-size:1.05rem;font-weight:800}.cmp-table-wrap{border:1px solid var(--ink);border-radius:20px;overflow:hidden;margin-bottom:1.5rem}.cmp-table{width:100%;border-collapse:collapse;table-layout:fixed;background:var(--cream)}.cmp-table th{padding:1rem;font-size:1rem;line-height:1.7}.cmp-table thead{background:var(--ink);color:var(--cream)}.cth-label{width:24%;text-align:right}.cth-a,.cth-b{width:38%;text-align:center;border-bottom:5px solid var(--orange)}.cth-b{border-bottom-color:var(--blue)}.ctd-label,.ctd-val{padding:1rem;font-size:1rem;line-height:1.8;border-bottom:1px solid var(--brown);overflow-wrap:anywhere}.cmp-table tr:last-child td{border-bottom:0}.ctd-label{font-weight:700}.ctd-val{text-align:center}.ctd-win{font-weight:800}.cmp-mobile-only{display:none}.cmp-tabs{display:flex;gap:.65rem;margin-bottom:.75rem}.cmp-tab{flex:1;min-width:0;min-height:52px;padding:.75rem;border:1px solid var(--ink);border-bottom:4px solid var(--orange);border-radius:12px;background:var(--cream);color:var(--ink);font:700 .95rem/1.6 var(--font-main);cursor:pointer;overflow-wrap:anywhere}.cmp-tab:last-child{border-bottom-color:var(--blue)}.cmp-tab.active{background:var(--ink);color:var(--cream)}.cmp-tab-content{border:1px solid var(--ink);border-radius:16px;overflow:hidden;margin-bottom:1.3rem}.cmob-row{display:grid;grid-template-columns:90px minmax(0,1fr);gap:.75rem;padding:1rem;border-bottom:1px solid var(--brown)}.cmob-row:last-child{border-bottom:0}.cmob-lbl{font-size:.875rem;font-weight:700;line-height:1.8}.cmob-val{font-size:1rem;line-height:1.8;overflow-wrap:anywhere}.cmp-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem}.cmp-btn{min-height:56px;padding:1rem;border:1px solid var(--ink);border-radius:14px;font:800 1.2rem/1.6 var(--font-main);cursor:pointer;color:var(--ink)}.cmp-btn-a{background:var(--orange)}.cmp-btn-b{background:var(--blue)}.cmp-btn:hover{background:var(--ink);color:var(--cream)}@media(max-width:900px){.cmp-hero{grid-template-columns:1fr;padding:6.5rem 1.25rem 1.5rem;gap:1.75rem}.cmp-hero h1{font-size:clamp(2.75rem,8vw,4rem)}.cmp-hero-palette{height:265px;width:100%;max-width:570px;margin:auto}.cmp-flying-hoopoe{width:64px;height:64px;top:-12px;--travel:28px}.cmp-body{padding-top:1.5rem}.cmp-pcard{grid-template-columns:1fr}.cpcard-visual{height:230px;min-height:0}}@media(max-width:640px){.cmp-hero{padding:5.7rem 1rem 1.25rem;gap:1.5rem}.cmp-hero h1{font-size:clamp(2.5rem,11vw,3.5rem)}.cmp-hero-palette{height:220px;gap:12px}.cmp-flying-hoopoe{width:56px;height:56px;--travel:22px}.cmp-body{padding:1.25rem 1rem 3rem}.cmp-intro p{font-size:.95rem}.cmp-selectors{grid-template-columns:1fr;gap:.65rem}.cmp-swap span{width:36px;height:36px;font-size:1.1rem}.cmp-sel-wrap{padding:1rem}.cmp-empty{min-height:190px}.cmp-cards{gap:.65rem;margin-bottom:1rem}.cpcard-visual{height:110px;padding:.4rem}.cpcard-visual img{max-height:100%;object-fit:contain}.cpcard-number{width:25px;height:25px;top:6px;right:6px;font-size:.75rem}.cpcard-body{padding:.65rem;justify-content:flex-start;gap:.35rem}.cpcard-body h3{font-size:1.1rem;line-height:1.45;margin:0}.cpcard-label,.cpcard-chips{display:none}.cpcard-label,.cpcard-chips span{font-size:.875rem}.cpcard-price{font-size:.95rem}.cmp-desktop-only{display:none}.cmp-mobile-only{display:block}.cmp-actions{grid-template-columns:1fr;gap:.75rem}body:has(.compare-page){padding-bottom:0!important}body:has(.compare-page) :is(#bottom-nav,#wab-float,#pwa-install-btn){display:none!important}}@media(prefers-reduced-motion:reduce){.cmp-flying-hoopoe{animation:none;opacity:1;transform:none}}.compare-page .disc-cta{position:relative;padding:4.5rem 1.5rem;background:#222833;color:#f9e6c0;text-align:center;border-top:2px solid #ED613B}.compare-page .disc-cta:before,.compare-page .disc-cta:after{content:none}.disc-cta-inner{position:relative;max-width:620px;margin:0 auto}.compare-page .disc-cta h2{margin:0 0 1rem;color:#f9e6c0;font-family:Handicrafts,serif;font-size:clamp(2.2rem,4vw,3rem);line-height:1.35}.compare-page .disc-cta p{margin:0 0 2rem;color:#f9e6c0;font:400 1rem/1.9 IranSansX,sans-serif}.compare-page .disc-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.compare-page .disc-cta .btn-fill,.compare-page .disc-cta .btn-wa{display:inline-flex;align-items:center;justify-content:center;min-height:52px;min-width:210px;padding:.85rem 1.5rem;border:2px solid transparent;border-radius:14px;color:#222833;text-decoration:none;font:700 1.2rem/1.6 IranSansX,sans-serif;box-sizing:border-box;opacity:1;transition:background-color .2s ease,transform .2s ease}.compare-page .disc-cta .btn-fill{background:#ed613b}.compare-page .disc-cta .btn-wa{background:#8ab57c}.compare-page .disc-cta .btn-fill:hover,.compare-page .disc-cta .btn-wa:hover{background:#f9e6c0;color:#222833;opacity:1;transform:translateY(-2px)}.compare-page .disc-cta a:focus-visible{outline:3px solid #F9E6C0;outline-offset:5px}@media(max-width:640px){.compare-page .disc-cta{padding:3rem 1.25rem}.compare-page .disc-btns{flex-direction:column;max-width:360px;margin:0 auto;gap:.85rem}.compare-page .disc-cta .btn-fill,.compare-page .disc-cta .btn-wa{width:100%;min-width:0}}@media(prefers-reduced-motion:reduce){.compare-page .disc-cta .btn-fill,.compare-page .disc-cta .btn-wa{transition:none;transform:none}}.compare-page{--paper:#fff8ea}.compare-page .cmp-hero{display:block;min-height:610px;padding:8rem 6% 7rem;overflow:hidden;background:radial-gradient(circle at 86% 20%,rgba(237,97,59,.1),transparent 25%),linear-gradient(115deg,var(--cream) 0%,#fff5df 58%,#f5dfb5 100%)}.cmp-hero:before{content:"";position:absolute;z-index:-1;right:-8%;bottom:-150px;width:70%;height:260px;border-radius:50% 48% 0 0;background:var(--ink);transform:rotate(-4deg)}.cmp-hero:after{content:"";position:absolute;z-index:-1;right:-12%;bottom:-190px;width:62%;height:300px;border:4px solid rgba(249,230,192,.78);border-radius:50%;transform:rotate(-5deg)}.compare-page .cmp-hero-inner{width:min(43%,590px);margin-left:auto;margin-right:0;z-index:3}.compare-page .cmp-breadcrumb{margin-bottom:1rem;color:#22283394;font-size:.82rem}.compare-page .cmp-kicker{color:var(--orange);font-size:.75rem;margin-bottom:.85rem}.compare-page .cmp-hero h1{font-size:clamp(3rem,6.5vw,5.2rem);line-height:1.02}.compare-page .cmp-hero-inner>p{color:#222833a8;max-width:520px}.compare-page .cmp-hero-palette{position:absolute;z-index:2;left:4%;bottom:0;width:49%;height:420px;gap:12px}.compare-page .cmp-coffee-arch{flex:1;min-width:0;max-width:none;border:4px solid var(--cream);border-bottom:0;border-radius:999px 999px 0 0;box-shadow:0 14px 35px #2228331f}.compare-page .cmp-arch-a{height:74%}.compare-page .cmp-arch-b{height:88%}.compare-page .cmp-flying-hoopoe{top:0;right:34%}.compare-page .cmp-body{position:relative;z-index:4;isolation:isolate;width:min(1060px,calc(100% - 2rem));max-width:1060px;min-height:520px;margin:-58px auto 5rem;padding:clamp(2rem,5vw,4.2rem);overflow:hidden;background:var(--paper);border:1px solid rgba(34,40,51,.11);border-radius:34px;box-shadow:0 26px 70px #22283321}.cmp-body:before,.cmp-body:after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}.cmp-body:before{top:-190px;right:-150px;width:390px;height:390px;border:42px solid rgba(168,197,218,.34)}.cmp-body:after{left:-125px;bottom:-150px;width:300px;height:300px;background:#8ab57c29}.compare-page .cmp-intro{flex-direction:column;align-items:center;text-align:center;margin-bottom:2.2rem;gap:1rem}.compare-page .cmp-intro .cmp-section-no{width:42px;height:42px;flex-basis:42px;border-color:var(--orange);background:var(--orange);color:var(--ink);box-shadow:0 0 0 7px #ed613b21}.compare-page .cmp-intro h2{font-size:clamp(1.75rem,4vw,2.5rem)}.compare-page .cmp-intro p{color:#222833a8;font-size:.9rem}.compare-page .cmp-sel-wrap{background:#ffffffbd;border:1.5px solid rgba(34,40,51,.1);border-top:7px solid var(--orange);border-radius:24px 24px 12px 12px;box-shadow:0 5px 18px #2228330e}.compare-page .cmp-sel-b{border-top-color:var(--blue)}.compare-page .cmp-select{background:var(--paper);border-color:#22283338}.compare-page .cmp-sel-wrap:focus-within{border-color:var(--orange)}.compare-page .cmp-sel-b:focus-within{border-color:var(--blue)}.compare-page .cmp-empty{border:0;min-height:180px;border-radius:24px}.compare-page .cmp-pcard{border-color:#22283324;background:var(--paper)}.compare-page .cmp-pcard-a{border-top-color:var(--orange)}.compare-page .cmp-pcard-b{border-top-color:var(--blue)}.compare-page .cmp-table{background:var(--paper)}.compare-page .cmp-table-wrap{border-color:#2228332e}.compare-page .ctd-label,.compare-page .ctd-val{border-bottom-color:#22283324}@media(max-width:900px){.compare-page .cmp-hero{min-height:0;padding:6.5rem 1.25rem 0}.compare-page .cmp-hero-inner{width:100%;max-width:none}.compare-page .cmp-hero h1{max-width:520px;font-size:clamp(3.1rem,10vw,4.6rem)}.compare-page .cmp-hero-palette{position:relative;left:auto;bottom:auto;width:100%;max-width:none;height:300px;margin-top:1rem}.compare-page .cmp-coffee-arch{border-width:3px}.compare-page .cmp-body{margin-top:-42px}.cmp-hero:before{width:95%;height:210px;bottom:-125px}}@media(max-width:640px){.compare-page .cmp-hero{padding:5.7rem 1rem 0}.compare-page .cmp-hero h1{font-size:clamp(2.75rem,13.5vw,3.75rem);line-height:1.04}.compare-page .cmp-hero-inner>p{max-width:95%;font-size:.86rem;line-height:1.75}.compare-page .cmp-hero-palette{height:270px;gap:6px;margin-top:.75rem}.compare-page .cmp-coffee-arch{border-width:2.5px}.compare-page .cmp-flying-hoopoe{width:56px;height:56px;--travel:22px}.compare-page .cmp-body{width:calc(100% - .7rem);margin-top:-30px;margin-bottom:3rem;padding:1.65rem .72rem 2.2rem;border-radius:22px}.compare-page .cmp-intro{margin-bottom:1.5rem}.compare-page .cmp-intro h2{font-size:1.75rem}.compare-page .cmp-selectors{gap:.65rem}.compare-page .cmp-empty{min-height:160px;padding:1.4rem .8rem}.compare-page .cmp-result-head h2{font-size:1.65rem}}