.nij-compare{background:#f9fafb;min-height:100vh;padding-bottom:clamp(40px,6vw,80px)}html[data-theme=dark] .nij-compare{background:linear-gradient(#0c0f14 0%,#111827 100%)}.nij-compare__header{z-index:100;background:#fff;border-bottom:1px solid #e5e7eb;padding:clamp(12px,2vw,16px) 0;transition:all .3s;position:sticky;top:0}html[data-theme=dark] .nij-compare__header{background:linear-gradient(#1a1f28 0%,#151920 100%);border-bottom-color:#ff6a3d26;box-shadow:0 4px 30px #0006,0 0 40px #ff6a3d0d}.nij-compare__headerInner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.nij-compare__titleWrap{align-items:center;gap:clamp(8px,1.5vw,12px);display:flex}.nij-compare__backBtn{cursor:pointer;color:#4b5563;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:clamp(32px,4vw,40px);height:clamp(32px,4vw,40px);transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.nij-compare__backBtn:hover{color:#d94822;background:#f3f4f6;transform:translate(-4px)}html[data-theme=dark] .nij-compare__backBtn{color:#9ca3af}html[data-theme=dark] .nij-compare__backBtn:hover{color:#ff6a3d;background:#ff6a3d26;box-shadow:0 0 20px #ff6a3d33}.nij-compare__backIcon{width:clamp(14px,2vw,18px);height:clamp(16px,2.5vw,20px)}.nij-compare__title{color:#1f2937;margin:0;font-family:Inter,sans-serif;font-size:clamp(18px,3vw,24px);font-weight:700;line-height:1.33}html[data-theme=dark] .nij-compare__title{color:#f9fafb;text-shadow:0 0 30px #ff6a3d1a}.nij-compare__addBtn{color:#d94822;cursor:pointer;background:0 0;border:2px solid #d94822;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:clamp(10px,1.5vw,14px) clamp(16px,2.5vw,26px);font-family:Inter,sans-serif;font-size:clamp(14px,2vw,16px);font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.nij-compare__addBtn:before{content:"";transform-origin:0;z-index:0;background:#d94822;transition:transform .4s;position:absolute;inset:0;transform:scaleX(0)}.nij-compare__addBtn:hover:before{transform:scaleX(1)}.nij-compare__addBtn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #d948224d}.nij-compare__addBtn span,.nij-compare__addBtn .nij-compare__addIcon{z-index:1;position:relative}.nij-compare__addIcon{width:14px;height:16px;transition:transform .3s}.nij-compare__addBtn:hover .nij-compare__addIcon{transform:rotate(90deg)}html[data-theme=dark] .nij-compare__addBtn{color:#ff6a3d;border-color:#ff6a3d}html[data-theme=dark] .nij-compare__addBtn:before{background:linear-gradient(135deg,#ff6a3d,#d94822)}html[data-theme=dark] .nij-compare__addBtn:hover{box-shadow:0 8px 30px #ff6a3d66,0 0 50px #ff6a3d26}.nij-compare__cards{padding:clamp(20px,4vw,50px) 0}.nij-compare__card{background:#fff;border-radius:12px;flex-direction:column;height:100%;transition:all .6s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000014,0 8px 30px #0000000d}.nij-compare__card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:2;background:0 0;padding:2px;transition:background .5s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.nij-compare__card:after{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#d9482200,#f9731600);border-radius:14px;transition:opacity .5s;position:absolute;inset:-2px}.nij-compare__card:hover{transform:translateY(-12px)scale(1.02);box-shadow:0 20px 40px #d9482226,0 30px 60px #0000001a}.nij-compare__card:hover:before{background:linear-gradient(135deg,#d94822,#f97316,#fb923c,#d94822) 0 0/300% 300%;animation:3s infinite gradientShift}.nij-compare__card:hover:after{opacity:1;background:linear-gradient(135deg,#d948221a,#f973161a)}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}html[data-theme=dark] .nij-compare__card{background:linear-gradient(145deg,#1e2430 0%,#171c26 100%);border:1px solid #4b556333;box-shadow:0 4px 20px #0006,0 8px 40px #0000004d,inset 0 1px #ffffff08}html[data-theme=dark] .nij-compare__card:hover{border-color:#ff6a3d4d;box-shadow:0 25px 60px #ff6a3d33,0 40px 80px #0006,0 0 80px #ff6a3d1a}html[data-theme=dark] .nij-compare__card:before{background:linear-gradient(135deg,#ff6a3d,#ff8c5a,#ffb088,#ff6a3d)}.nij-compare__cardImage{width:100%;height:clamp(180px,25vw,224px);position:relative;overflow:hidden}.nij-compare__cardImage img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.4,0,.2,1)}.nij-compare__card:hover .nij-compare__cardImage img{transform:scale(1.12)}.nij-compare__cardImage:after{content:"";opacity:0;background:linear-gradient(#0000 50%,#00000080 100%);transition:opacity .5s;position:absolute;inset:0}.nij-compare__card:hover .nij-compare__cardImage:after{opacity:1}.nij-compare__cardClose{cursor:pointer;z-index:3;background:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);display:flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 10px #00000026}.nij-compare__cardClose:hover{background:#d94822;transform:scale(1.15)rotate(90deg);box-shadow:0 4px 15px #d9482266}.nij-compare__closeIcon{color:#d94822;width:16px;height:16px;transition:color .3s}.nij-compare__cardClose:hover .nij-compare__closeIcon{color:#fff}html[data-theme=dark] .nij-compare__cardClose{background:#1a1f28f2;border:1px solid #ff6a3d4d;box-shadow:0 4px 15px #0006}html[data-theme=dark] .nij-compare__closeIcon{color:#ff6a3d}html[data-theme=dark] .nij-compare__cardClose:hover{background:linear-gradient(135deg,#ff6a3d,#d94822);box-shadow:0 4px 20px #ff6a3d80}html[data-theme=dark] .nij-compare__cardClose:hover .nij-compare__closeIcon{color:#fff}.nij-compare__cardBody{flex-direction:column;flex:1;padding:clamp(16px,2.5vw,20px);display:flex}.nij-compare__cardTop{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.nij-compare__badge{color:#15803d;background:#dcfce7;border-radius:4px;padding:4px clamp(8px,1vw,12px);font-family:Inter,sans-serif;font-size:clamp(11px,1.5vw,12px);font-weight:500;transition:all .3s;display:inline-flex}.nij-compare__card:hover .nij-compare__badge{background:#bbf7d0;transform:scale(1.05);box-shadow:0 2px 10px #16a34a33}html[data-theme=dark] .nij-compare__badge{color:#4ade80;background:#16a34a33;border:1px solid #16a34a4d}html[data-theme=dark] .nij-compare__card:hover .nij-compare__badge{background:#16a34a4d;box-shadow:0 0 20px #4ade8040}.nij-compare__wishlist{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);display:flex}.nij-compare__wishlist:hover{background:#ef44441a;transform:scale(1.25)}.nij-compare__heartIcon{color:#5b5b5b;width:16px;height:16px;transition:all .3s}.nij-compare__wishlist:hover .nij-compare__heartIcon{color:#ef4444}html[data-theme=dark] .nij-compare__heartIcon{color:#9ca3af}html[data-theme=dark] .nij-compare__wishlist:hover .nij-compare__heartIcon{color:#f87171;filter:drop-shadow(0 0 8px #f8717199)}.nij-compare__cardTitle{color:#001d3d;margin:0 0 4px;font-family:Inter,sans-serif;font-size:clamp(16px,2vw,18px);font-weight:600;line-height:1.55;transition:all .3s}.nij-compare__card:hover .nij-compare__cardTitle{color:#d94822}html[data-theme=dark] .nij-compare__cardTitle{color:#f9fafb}html[data-theme=dark] .nij-compare__card:hover .nij-compare__cardTitle{color:#ff6a3d;text-shadow:0 0 20px #ff6a3d4d}.nij-compare__cardBuilder{color:#5b5b5b;margin:0 0 8px;font-family:Inter,sans-serif;font-size:clamp(13px,1.75vw,14px);font-weight:400;line-height:1.43}html[data-theme=dark] .nij-compare__cardBuilder{color:#9ca3af}.nij-compare__cardLocation{color:#5b5b5b;align-items:center;gap:6px;margin:0 0 16px;font-family:Inter,sans-serif;font-size:clamp(13px,1.75vw,14px);font-weight:400;line-height:1.43;display:flex}.nij-compare__locIcon{flex-shrink:0;width:11px;height:14px;transition:color .3s}.nij-compare__card:hover .nij-compare__locIcon{color:#d94822}html[data-theme=dark] .nij-compare__cardLocation{color:#9ca3af}html[data-theme=dark] .nij-compare__card:hover .nij-compare__locIcon{color:#ff6a3d}.nij-compare__cardFooter{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:auto;display:flex}.nij-compare__priceWrap{flex-direction:column;display:flex}.nij-compare__priceLabel{color:#5b5b5b;font-family:Inter,sans-serif;font-size:clamp(11px,1.5vw,12px);font-weight:400;line-height:1.33}html[data-theme=dark] .nij-compare__priceLabel{color:#6b7280}.nij-compare__price{color:#001d3d;font-family:Inter,sans-serif;font-size:clamp(18px,2.5vw,20px);font-weight:700;line-height:1.4;transition:all .3s}.nij-compare__card:hover .nij-compare__price{color:#d94822}html[data-theme=dark] .nij-compare__price{color:#f9fafb}html[data-theme=dark] .nij-compare__card:hover .nij-compare__price{color:#ff6a3d}.nij-compare__viewBtn{color:#fff;cursor:pointer;background:#d94822;border:none;border-radius:50px;justify-content:center;align-items:center;padding:clamp(8px,1.2vw,10px) clamp(16px,2vw,20px);font-family:Inter,sans-serif;font-size:clamp(13px,1.75vw,14px);font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.nij-compare__viewBtn:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:50%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.nij-compare__viewBtn:hover{background:#c73d1a;transform:scale(1.08);box-shadow:0 8px 25px #d9482273}.nij-compare__viewBtn:hover:after{left:100%}html[data-theme=dark] .nij-compare__viewBtn{background:linear-gradient(135deg,#ff6a3d,#d94822);box-shadow:0 4px 15px #ff6a3d4d}html[data-theme=dark] .nij-compare__viewBtn:hover{box-shadow:0 8px 30px #ff6a3d8c}.nij-compare__divider{padding:clamp(16px,2vw,24px) 0}.nij-compare__divider hr{background:#d1d5db;border:none;height:1px;margin:0}html[data-theme=dark] .nij-compare__divider hr{background:linear-gradient(90deg,#0000,#ff6a3d4d,#0000)}.nij-compare__table{padding-bottom:clamp(24px,4vw,50px)}.nij-compare__tableCard{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000000f}html[data-theme=dark] .nij-compare__tableCard{background:linear-gradient(145deg,#1e2430 0%,#171c26 100%);border-color:#4b55634d;box-shadow:0 8px 40px #00000080,inset 0 1px #ffffff08}.nij-compare__section{border-bottom:1px solid #d1d5db}.nij-compare__section:last-child{border-bottom:none}html[data-theme=dark] .nij-compare__section{border-bottom-color:#ff6a3d1a}.nij-compare__sectionHeader{background:#f3f4f6;border-bottom:1px solid #e5e7eb;padding:clamp(12px,2vw,16px) clamp(16px,3vw,24px);transition:all .3s}.nij-compare__sectionHeader:hover{background:#e5e7eb}.nij-compare__sectionHeader h2{color:#1f2937;margin:0;font-family:Inter,sans-serif;font-size:clamp(16px,2vw,18px);font-weight:700;line-height:1.22;transition:color .3s}.nij-compare__sectionHeader:hover h2{color:#d94822}html[data-theme=dark] .nij-compare__sectionHeader{background:linear-gradient(90deg,#ff6a3d14,#1a1f28e6);border-bottom-color:#ff6a3d26}html[data-theme=dark] .nij-compare__sectionHeader:hover{background:linear-gradient(90deg,#ff6a3d26,#1a1f28e6)}html[data-theme=dark] .nij-compare__sectionHeader h2{color:#f9fafb}html[data-theme=dark] .nij-compare__sectionHeader:hover h2{color:#ff6a3d;text-shadow:0 0 20px #ff6a3d4d}.nij-compare__row{border-bottom:1px solid #e5e7eb;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nij-compare__row:last-child{border-bottom:none}.nij-compare__row:before{content:"";background:#d94822;width:3px;transition:transform .3s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.nij-compare__row:hover{background:linear-gradient(90deg,#d948220f,#f9731608,#0000)}.nij-compare__row:hover:before{transform:scaleY(1)}html[data-theme=dark] .nij-compare__row{border-bottom-color:#4b556333}html[data-theme=dark] .nij-compare__row:before{background:linear-gradient(#ff6a3d,#d94822);box-shadow:0 0 15px #ff6a3d80}html[data-theme=dark] .nij-compare__row:hover{background:linear-gradient(90deg,#ff6a3d1a,#ff6a3d0d,#0000)}.nij-compare__labelCell{color:#374151;text-align:center;background:#f9fafb;flex:0 0 25%;justify-content:center;align-items:center;min-width:100px;padding:clamp(14px,2vw,18px) clamp(12px,2vw,20px);font-family:Inter,sans-serif;font-size:clamp(12px,1.6vw,16px);font-weight:600;line-height:1.2;transition:all .3s;display:flex}.nij-compare__row:hover .nij-compare__labelCell{color:#d94822;background:#f3f4f6}html[data-theme=dark] .nij-compare__labelCell{color:#d1d5db;background:#1a1f2899}html[data-theme=dark] .nij-compare__row:hover .nij-compare__labelCell{color:#ff6a3d;background:#ff6a3d14}.nij-compare__valueCell{color:#4b5563;text-align:center;border-left:1px solid #e5e7eb;flex:1;justify-content:center;align-items:center;min-width:80px;padding:clamp(14px,2vw,18px) clamp(8px,1.5vw,16px);font-family:Inter,sans-serif;font-size:clamp(12px,1.6vw,16px);font-weight:400;line-height:1.2;transition:all .3s;display:flex}.nij-compare__row:hover .nij-compare__valueCell{color:#1f2937}.nij-compare__valueCell--bold{color:#1f2937;font-weight:700}.nij-compare__row:hover .nij-compare__valueCell--bold{color:#d94822}html[data-theme=dark] .nij-compare__valueCell{color:#9ca3af;border-left-color:#4b556333}html[data-theme=dark] .nij-compare__row:hover .nij-compare__valueCell,html[data-theme=dark] .nij-compare__valueCell--bold{color:#f9fafb}html[data-theme=dark] .nij-compare__row:hover .nij-compare__valueCell--bold{color:#ff6a3d;text-shadow:0 0 10px #ff6a3d4d}.nij-compare__valueCell--icon{padding:clamp(14px,2vw,18px)}.nij-compare__checkIcon{color:#22c55e;width:18px;height:20px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.nij-compare__row:hover .nij-compare__checkIcon{transform:scale(1.25)}html[data-theme=dark] .nij-compare__checkIcon{color:#4ade80;filter:drop-shadow(0 0 8px #4ade8080)}.nij-compare__crossIcon{color:#ef4444;width:15px;height:20px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.nij-compare__row:hover .nij-compare__crossIcon{transform:scale(1.25)}html[data-theme=dark] .nij-compare__crossIcon{color:#f87171;filter:drop-shadow(0 0 8px #f8717180)}.nij-compare__rating{align-items:center;gap:6px;display:flex}.nij-compare__rating span{font-weight:600;transition:color .3s}.nij-compare__row:hover .nij-compare__rating span{color:#d94822}html[data-theme=dark] .nij-compare__row:hover .nij-compare__rating span{color:#ff6a3d}.nij-compare__starIcon{color:#eab308;width:18px;height:16px;transition:all .3s}.nij-compare__row:hover .nij-compare__starIcon{transform:scale(1.15)}html[data-theme=dark] .nij-compare__starIcon{color:#facc15;filter:drop-shadow(0 0 6px #facc1580)}.nij-compare__cta{padding:clamp(20px,3vw,32px) 0}.nij-compare__ctaButtons{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(12px,2vw,16px);display:flex}.nij-compare__ctaBtn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:clamp(12px,1.8vw,14px) clamp(24px,4vw,32px);font-family:Inter,sans-serif;font-size:clamp(14px,2vw,16px);font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.nij-compare__ctaIcon{z-index:1;width:16px;height:16px;transition:all .3s;position:relative}.nij-compare__ctaBtn span{z-index:1;position:relative}.nij-compare__ctaBtn--primary{color:#fff;background:#d94822;border:none}.nij-compare__ctaBtn--primary:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:50%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.nij-compare__ctaBtn--primary:hover{background:#c73d1a;transform:translateY(-4px);box-shadow:0 12px 35px #d9482273}.nij-compare__ctaBtn--primary:hover:before{left:100%}.nij-compare__ctaBtn--primary:hover .nij-compare__ctaIcon{transform:rotate(15deg)scale(1.1)}html[data-theme=dark] .nij-compare__ctaBtn--primary{background:linear-gradient(135deg,#ff6a3d,#d94822);box-shadow:0 4px 20px #ff6a3d4d}html[data-theme=dark] .nij-compare__ctaBtn--primary:hover{box-shadow:0 12px 45px #ff6a3d8c,0 0 60px #ff6a3d33}.nij-compare__ctaBtn--secondary{color:#d94822;background:#fff;border:2px solid #d94822}.nij-compare__ctaBtn--secondary:before{content:"";transform-origin:bottom;z-index:0;background:linear-gradient(135deg,#d94822,#f97316);transition:transform .4s;position:absolute;inset:0;transform:scaleY(0)}.nij-compare__ctaBtn--secondary:hover{color:#fff;border-color:#0000;transform:translateY(-4px);box-shadow:0 12px 35px #d9482259}.nij-compare__ctaBtn--secondary:hover:before{transform:scaleY(1)}.nij-compare__ctaBtn--secondary:hover .nij-compare__ctaIcon{transform:rotate(-15deg)scale(1.1)}html[data-theme=dark] .nij-compare__ctaBtn--secondary{color:#ff6a3d;background:0 0;border-color:#ff6a3d}html[data-theme=dark] .nij-compare__ctaBtn--secondary:before{background:linear-gradient(135deg,#ff6a3d,#d94822)}html[data-theme=dark] .nij-compare__ctaBtn--secondary:hover{box-shadow:0 12px 45px #ff6a3d73,0 0 60px #ff6a3d26}@media (max-width:991px){.nij-compare__tableCard{-webkit-overflow-scrolling:touch;overflow-x:auto}.nij-compare__section,.nij-compare__row{min-width:max-content}}@media (max-width:767px){.nij-compare__labelCell{z-index:2;background:#f9fafb;flex:0 0 100px;min-width:100px;position:sticky;left:0}html[data-theme=dark] .nij-compare__labelCell{background:#1a1f28}.nij-compare__valueCell{flex:0 0 110px;min-width:110px}.nij-compare__sectionHeader{min-width:100%;position:sticky;left:0}}@media (max-width:575px){.nij-compare__headerInner{flex-direction:column;align-items:stretch}.nij-compare__titleWrap{justify-content:flex-start}.nij-compare__addBtn{width:100%}.nij-compare__cardFooter{flex-direction:column;align-items:stretch}.nij-compare__viewBtn{width:100%}.nij-compare__ctaButtons{flex-direction:column;width:100%}.nij-compare__ctaBtn{width:100%}.nij-compare__labelCell{flex:0 0 90px;min-width:90px;padding:12px 8px;font-size:11px}.nij-compare__valueCell{flex:0 0 100px;min-width:100px;padding:12px 6px;font-size:11px}}@media (max-width:375px){.nij-compare__labelCell{flex:0 0 80px;min-width:80px;font-size:10px}.nij-compare__valueCell{flex:0 0 90px;min-width:90px;font-size:10px}}
