/* ITC Affiliate Agent - Professional Product Comparison CSS — هوية 2026 (أحمر قاني/أسود/أبيض) */
.itc-comparison-section { font-family:var(--itc-font,'Cairo','Segoe UI',sans-serif); direction:rtl; max-width:1400px; margin:0 auto; padding:56px 24px; color:var(--itc-black,#0B0B0D); box-sizing:border-box; }
@media (max-width:1024px){ .itc-comparison-section{ padding:44px 20px; } }
.itc-comparison-section * { box-sizing:border-box; }
.itc-section-header { text-align:center; margin-bottom:40px; }
.itc-section-title { font-size:32px; font-weight:800; color:var(--itc-black,#0B0B0D); margin:0 0 10px; display:inline-block; }
.itc-section-title::after { content:''; display:block; width:60px; height:4px; background:var(--itc-grad-red,linear-gradient(90deg,#E31B23,#A3050C)); margin:10px auto 0; border-radius:2px; }
.itc-section-subtitle { color:#666; font-size:16px; margin-top:15px; }
.itc-category-tabs { display:flex; gap:8px; flex-wrap:wrap; justify-content:center; margin-bottom:40px; padding:0; list-style:none; }
.itc-tab-btn { display:flex; align-items:center; gap:8px; padding:10px 20px; border:2px solid #e8e8ea; border-radius:50px; background:#fff; color:#555; font-size:14px; font-weight:600; cursor:pointer; transition:all .25s var(--itc-ease,ease); white-space:nowrap; text-decoration:none; }
.itc-tab-btn:hover { border-color:var(--itc-red,#E31B23); color:var(--itc-red,#E31B23); background:var(--itc-red-tint,#FDEAEA); transform:translateY(-2px); }
.itc-tab-btn.active { background:var(--itc-grad-red,linear-gradient(135deg,#E31B23,#A3050C)); border-color:transparent; color:#fff; box-shadow:0 4px 15px rgba(227,27,35,.35); }
.itc-tab-icon { font-size:18px; }
.itc-tab-count { background:rgba(255,255,255,.25); border-radius:20px; padding:2px 8px; font-size:12px; min-width:24px; text-align:center; }
.itc-tab-btn:not(.active) .itc-tab-count { background:#f0f0f0; color:#888; }
.itc-category-panel { display:none; animation:itcFadeIn .4s var(--itc-ease,ease); }
.itc-category-panel.active { display:block; }
@keyframes itcFadeIn { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} }
.itc-products-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:24px; margin-top:20px; align-items:start; }
/* الموقع شغال على أرباح Google Ads فمنخفيش أي إعلان — لو Auto Ads حقنت إعلان جوه كارت منتج
   (بيحصل أحيانًا) منديله شكل بانر مستقل بعرض الصف بدل ما يتلخبط جوه ستايل الكارت ويكسر
   ارتفاع باقي كروت الصف (align-items:start فوق أصلاً بيمنع الكسر، وده بيدّي شكل نضيف كمان).
   ملاحظة مهمة: Google بيحقن عنصر ins.adsbygoogle جوه كروت كتير حتى لو الإعلان "مش
   متملي" فعليًا (data-ad-status="unfilled"/"unfill-optimized" — يعني سلوت فاضي بارتفاع
   محجوز بس من غير إعلان حقيقي يظهر جواه). لو استهدفنا أي ins.adsbygoogle بغض النظر عن
   حالته، هنكسر شكل كروت منتجات كتير عشان سلوت فاضي مالوش أي فايدة بصرية أو مادية.
   الشرط [data-ad-status="filled"] يضمن إننا نحول الكارت لبانر بس لما يبقى في إعلان
   حقيقي هيظهر جوه، مش أي حقنة فاضية. */
.itc-product-card:has(ins.adsbygoogle[data-ad-status="filled"]) {
  grid-column: 1 / -1;
  background: transparent; border: none; box-shadow: none;
  display: flex; justify-content: center; animation: none;
}
.itc-product-card { background:#fff; border-radius:16px; overflow:hidden; border:1px solid #eee; box-shadow:0 4px 16px rgba(11,11,13,.06); transition:all .3s var(--itc-ease,ease); position:relative; animation:itcFadeIn .5s var(--itc-ease,ease) both; }
.itc-product-card:hover { transform:translateY(-6px); box-shadow:0 16px 36px rgba(11,11,13,.14); border-color:var(--itc-red-tint,#FDEAEA); }
.itc-product-card:hover .itc-card-image { transform:scale(1.08); }
.itc-card-image-wrap { background:linear-gradient(135deg,#fbfbfc,#f2f2f4); padding:24px 20px 20px; text-align:center; position:relative; height:240px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.itc-card-image { width:100%; height:100%; object-fit:contain; border-radius:8px; transition:transform .3s var(--itc-ease,ease); }
.itc-card-noimg { width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:40px; color:#c7c7cc; background:#f5f5f6; border-radius:8px; }
.itc-card-featured-badge { position:absolute; top:12px; right:12px; max-width:calc(50% - 18px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:var(--itc-grad-red,linear-gradient(135deg,#E31B23,#A3050C)); color:#fff; font-size:11px; font-weight:700; padding:4px 10px; border-radius:20px; box-shadow:0 2px 8px rgba(11,11,13,.15); }
.itc-card-cat-badge { position:absolute; top:12px; left:12px; max-width:calc(100% - 24px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:rgba(255,255,255,.92); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); color:var(--itc-black,#0B0B0D); font-size:11px; font-weight:700; padding:4px 10px; border-radius:10px; box-shadow:0 2px 6px rgba(11,11,13,.1); }
/* لو البادچين موجودين مع بعض، بادچ التصنيف يسيب مساحة للبادچ المميز عشان مايتلخبطوش */
.itc-card-image-wrap:has(.itc-card-featured-badge) .itc-card-cat-badge { max-width:calc(50% - 18px); }
.itc-card-body { padding:18px; }
.itc-card-brand { font-size:11px; font-weight:700; color:var(--itc-red,#E31B23); text-transform:uppercase; letter-spacing:1px; margin-bottom:6px; }
.itc-card-name { font-size:15px; font-weight:700; color:var(--itc-black,#0B0B0D); line-height:1.4; margin-bottom:10px; min-height:42px; }
.itc-card-rating { display:flex; align-items:center; gap:8px; margin-bottom:12px; }
.itc-card-stars { color:#f0a500; font-size:14px; }
.itc-card-review-count { color:#888; font-size:12px; }
.itc-card-specs { background:#f8f8f9; border-radius:8px; padding:12px; margin-bottom:15px; font-size:12px; }
.itc-card-spec-item { display:flex; justify-content:space-between; padding:4px 0; border-bottom:1px solid #eee; color:#555; }
.itc-card-spec-item:last-child { border-bottom:none; }
.itc-card-spec-key { font-weight:600; color:#333; }
.itc-card-footer { padding:0 18px 18px; display:flex; align-items:center; justify-content:space-between; }
.itc-card-price { font-size:24px; font-weight:800; color:var(--itc-red-dark,#A3050C); }
.itc-card-buy-btn { display:inline-flex; align-items:center; gap:6px; background:var(--itc-grad-dark,linear-gradient(135deg,#17171B,#0B0B0D)); color:#fff!important; font-weight:700; font-size:13px; padding:8px 16px; border-radius:8px; text-decoration:none!important; transition:all .25s var(--itc-ease,ease); box-shadow:0 4px 12px rgba(11,11,13,.25); }
.itc-card-buy-btn:hover { transform:translateY(-2px); box-shadow:0 8px 20px rgba(227,27,35,.3); background:var(--itc-grad-red,linear-gradient(135deg,#E31B23,#A3050C)); }
.itc-empty-state { text-align:center; padding:60px 20px; color:#888; }
.itc-empty-icon { font-size:60px; margin-bottom:15px; opacity:.5; }
.itc-empty-text { font-size:18px; }
@media(max-width:768px) { .itc-comparison-section{padding:32px 16px} .itc-section-title{font-size:24px} .itc-tab-btn{padding:8px 14px;font-size:13px} .itc-products-grid{grid-template-columns:1fr 1fr;gap:16px} }
@media(max-width:480px) { .itc-products-grid{grid-template-columns:1fr} .itc-card-image-wrap{height:200px} }