:root{--cream:#f9e6c0;--dark:#222833;--org:#ed613b;--font-main:"IranSansX",sans-serif;--font-display:"Handicrafts",serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--cream);color:var(--dark);font-family:var(--font-main);direction:rtl}.compare-page{min-height:100vh;padding-bottom:5rem}.cmp-hero{background:var(--dark);padding:7rem 5% 3.5rem;position:relative;overflow:hidden}.cmp-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,rgba(237,97,59,.12) 0%,transparent 60%)}.cmp-hero-deco{position:absolute;left:10%;top:60%;transform:translateY(-50%);width:35%;max-width:280px;opacity:.07;pointer-events:none}.cmp-hero-deco img{width:100%;height:auto;filter:brightness(0) invert(1)}.cmp-hero-inner{position:relative;z-index:1}.cmp-tag{display:inline-block;background:#ed613b26;border:1px solid rgba(237,97,59,.3);color:var(--org);font-size:.75rem;padding:.3rem 1rem;border-radius:20px;margin-bottom:1rem}.cmp-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);color:var(--cream);margin-bottom:.5rem}.cmp-title em{color:var(--org);font-style:normal;display:block}.cmp-sub{font-size:.95rem;color:#ffffff8c}.cmp-body{max-width:900px;margin:0 auto;padding:2.5rem 5%}.cmp-selectors{display:flex;align-items:flex-end;gap:1.5rem;margin-bottom:2.5rem}.cmp-sel-wrap{flex:1}.cmp-sel-label{display:block;font-size:.78rem;color:#22283380;margin-bottom:.5rem}.cmp-select{width:100%;background:#fff;border:2px solid rgba(34,40,51,.1);border-radius:12px;padding:.85rem 1rem;font-family:var(--font-main);font-size:.9rem;color:var(--dark);cursor:pointer;transition:border-color .2s}.cmp-select:focus{outline:none;border-color:var(--org)}.cmp-vs{font-family:var(--font-display);font-size:2rem;color:var(--org);flex-shrink:0;padding-bottom:.5rem}.cmp-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.cmp-pcard{background:#fff;border-radius:16px;padding:1.2rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 12px #2228330f}.cmp-pcard-a{border-top:3px solid var(--org)}.cmp-pcard-b{border-top:3px solid var(--dark)}.cpcard-img{width:72px;height:72px;min-width:72px;border-radius:10px;overflow:hidden;background:#2228330d}.cpcard-img img{width:72px;height:72px;object-fit:cover;display:block}.cpcard-info{flex:1;min-width:0}.cpcard-name{font-size:.88rem;font-weight:700;color:var(--dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.2rem}.cpcard-cat{font-size:.72rem;color:var(--org);margin-bottom:.2rem}.cpcard-price{font-size:.8rem;color:#22283380}.cmp-table-wrap{margin-bottom:1.5rem;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #2228331a}.cmp-table{width:100%;border-collapse:collapse}.cmp-table thead tr{background:var(--dark)}.cth-label{width:28%;padding:1rem 1.2rem;font-size:.75rem;color:#ffffff59;text-align:right;border-bottom:2px solid rgba(255,255,255,.05)}.cth-a{width:36%;padding:1rem 1.2rem;font-size:.85rem;color:var(--org);text-align:center;border-bottom:2px solid var(--org);font-weight:700}.cth-b{width:36%;padding:1rem 1.2rem;font-size:.85rem;color:#fffc;text-align:center;border-bottom:2px solid rgba(255,255,255,.2);font-weight:700}.cmp-table tbody tr:nth-child(odd){background:#fff}.cmp-table tbody tr:nth-child(2n){background:#f9e6c066}.cmp-table tbody tr:hover{background:#ed613b0f}.ctd-label{padding:.85rem 1.2rem;font-size:.78rem;color:#22283380;display:flex;align-items:center;gap:.5rem}.ctd-val{padding:.85rem 1.2rem;font-size:.85rem;color:var(--dark);text-align:center;font-weight:500}.ctd-win{color:var(--org);font-weight:800}.ctd-win:after{content:" ✓";font-size:.7rem}.cmp-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.cmp-tab{flex:1;background:#fff;border:2px solid rgba(34,40,51,.1);border-radius:10px;padding:.7rem 1rem;font-family:var(--font-main);font-size:.8rem;color:var(--dark);cursor:pointer;transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmp-tab.active{background:var(--dark);color:#fff;border-color:var(--dark)}.cmp-tab-content{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #2228330f;margin-bottom:1.5rem}.cmob-row{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;border-bottom:1px solid rgba(34,40,51,.05);gap:1rem}.cmob-row:last-child{border-bottom:none}.cmob-lbl{font-size:.78rem;color:#22283380;flex-shrink:0;white-space:nowrap}.cmob-val{font-size:.85rem;color:var(--dark);font-weight:600;text-align:left;flex:1;word-break:break-word}.cmp-actions{display:flex;gap:1rem;flex-wrap:wrap}.cmp-btn-org,.cmp-btn-dark{flex:1;padding:.9rem 1.5rem;border-radius:12px;border:none;font-family:var(--font-main);font-size:.88rem;cursor:pointer;transition:all .2s;min-width:180px}.cmp-btn-org{background:var(--org);color:#fff}.cmp-btn-org:hover{background:#d4522e}.cmp-btn-dark{background:var(--dark);color:#fff}.cmp-btn-dark:hover{background:#1a1f28}.cmp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 5%;gap:1rem}.cmp-empty-icon{font-size:3rem;opacity:.3}.cmp-empty p{font-size:.9rem;color:#22283366;text-align:center}.cmp-desktop-only{display:block}.cmp-mobile-only{display:none}@media(max-width:640px){.cmp-desktop-only{display:none}.cmp-mobile-only{display:block}.cmp-hero{padding:5rem 5% 2rem}.cmp-hero-deco{display:none}.cmp-body{background:var(--cream)}.cmp-selectors{flex-direction:row;gap:.5rem;align-items:flex-end}.cmp-vs{font-size:1.2rem;padding-bottom:.4rem}.cmp-cards{grid-template-columns:1fr 1fr;gap:.7rem}.cmp-pcard{flex-direction:column;text-align:center;padding:.8rem .6rem;background:#fff}.cmp-pcard-a{border-top:3px solid var(--org)}.cmp-pcard-b{border-top:3px solid var(--dark)}.cmp-pcard .cpcard-name{color:var(--dark)!important;font-size:.78rem;white-space:normal;word-break:break-word}.cmp-pcard .cpcard-cat{color:var(--org)!important;font-size:.68rem}.cmp-pcard .cpcard-price{color:#22283380!important;font-size:.75rem}.cpcard-img{width:60px;height:60px;min-width:60px;margin:0 auto .5rem}.cpcard-img img{width:60px!important;height:60px!important;object-fit:cover}.cmp-select{font-size:.78rem;padding:.7rem .5rem}.cmp-sel-label{font-size:.7rem}.cmp-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.cmp-tab{flex:1;background:#fff;border:2px solid rgba(34,40,51,.1);border-radius:10px;padding:.7rem .5rem;font-family:var(--font-main);font-size:.78rem;color:var(--dark);cursor:pointer;transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmp-tab.active{background:var(--dark);color:var(--cream);border-color:var(--dark)}.cmp-tab-content{background:#fff;border-radius:16px;overflow:hidden;margin-bottom:1.5rem;box-shadow:0 2px 12px #2228330f}.cmob-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid rgba(34,40,51,.06);gap:1rem}.cmob-row:last-child{border-bottom:none}.cmob-lbl{font-size:.73rem;color:#22283373;flex-shrink:0;white-space:nowrap;min-width:80px}.cmob-val{font-size:.82rem;color:var(--dark);font-weight:600;text-align:right;word-break:break-word;flex:1}.cmp-actions{flex-direction:column;gap:.7rem}.cmp-btn-org,.cmp-btn-dark{min-width:unset;width:100%}body{padding-bottom:calc(62px + env(safe-area-inset-bottom))}}