/* ON AIR TV — SECTION 05 · باقات جهازين (معتمد 10/11) · نفس نظام السكشن 03 بمعرّفات مستقلة (#td) */
/* ===== ON AIR — باقات جهاز واحد (نفس تقسيمة بانل، هوية ON AIR) ===== */
.oat{position:relative;max-width:1224px;margin:0 auto;padding:26px 14px 40px;font-family:"IBM Plex Sans Arabic",system-ui,sans-serif;color:#F4D6B0}
.oat *{box-sizing:border-box}
.oat h2,.oat h3,.oat ul,.oat p{margin:0;padding:0}.oat ul{list-style:none}
.oat-head{text-align:center;padding:4px 8px 0;margin:0 0 22px}
.oat-title{font-size:27px;line-height:1.45;font-weight:700;color:#F4D6B0}
.oat-r{position:absolute;opacity:0;pointer-events:none;width:0;height:0}

/* البطاقات — نفس المقاسات */
.oat-cards{display:flex;align-items:center;justify-content:center;gap:8px}
.oat-c{position:relative;isolation:isolate;overflow:hidden;flex:1 1 0;min-width:0;padding:92px 8px 12px;text-align:center;border-radius:18px;
  background-color:#1C2541;
  background-image:linear-gradient(160deg,rgba(91,192,222,.16),rgba(91,192,222,0) 46%),linear-gradient(180deg,rgba(11,19,43,0) 30%,rgba(11,19,43,.94));
  box-shadow:0 26px 30px -16px rgba(5,7,13,.95);border:1px solid rgba(58,80,107,.35)}
.oat-c > *{position:relative;z-index:3}
.oat-c.hot,
#td1:checked ~ .oat-cards .oat-c.cd1,
#td2:checked ~ .oat-cards .oat-c.cd2,
#td3:checked ~ .oat-cards .oat-c.cd3,
#td4:checked ~ .oat-cards .oat-c.cd4{flex:1.28 1 0;order:2;padding:112px 10px 14px;margin:0 -2px}
.oat-c.b{order:1}.oat-c.c{order:3}
.oat-img{position:absolute!important;z-index:0!important;top:0;left:0;right:0;height:150px;background-size:cover;background-position:center;background-repeat:no-repeat;
  filter:saturate(.72) contrast(1.06) brightness(.9);
  -webkit-mask:linear-gradient(180deg,#000 58%,rgba(0,0,0,.4) 80%,transparent);mask:linear-gradient(180deg,#000 58%,rgba(0,0,0,.4) 80%,transparent)}
.oat-c.hot .oat-img,
#td1:checked ~ .oat-cards .oat-c.cd1 .oat-img,
#td2:checked ~ .oat-cards .oat-c.cd2 .oat-img,
#td3:checked ~ .oat-cards .oat-c.cd3 .oat-img,
#td4:checked ~ .oat-cards .oat-c.cd4 .oat-img{height:176px}
.oat-no{position:absolute!important;top:10px;inset-inline-start:10px;display:inline-block;font-size:10.5px;letter-spacing:.1em;direction:ltr;line-height:1.3;padding:2px 8px;border-radius:999px;background:#F4D6B0;color:#0B132B;font-weight:700;box-shadow:0 0 10px rgba(244,214,176,.45)}
.oat-name{font-size:13px;margin:8px 0;line-height:1.4;font-weight:700;color:#F4D6B0;text-shadow:0 1px 6px rgba(5,7,13,.95)}
.oat-dur{display:block;margin-top:1px;font-size:11px;font-weight:500;color:#5BC0DE}
.oat-c.hot .oat-dur,
#td1:checked ~ .oat-cards .oat-c.cd1 .oat-dur,
#td2:checked ~ .oat-cards .oat-c.cd2 .oat-dur,
#td3:checked ~ .oat-cards .oat-c.cd3 .oat-dur,
#td4:checked ~ .oat-cards .oat-c.cd4 .oat-dur{font-size:12px}
.oat-price{display:flex;flex-direction:column;align-items:center}
.oat-price b{font-size:26px;line-height:1;font-weight:700;color:#F4D6B0;text-shadow:0 0 14px rgba(244,214,176,.35)}
.oat-c.hot .oat-price b,
#td1:checked ~ .oat-cards .oat-c.cd1 .oat-price b,
#td2:checked ~ .oat-cards .oat-c.cd2 .oat-price b,
#td3:checked ~ .oat-cards .oat-c.cd3 .oat-price b,
#td4:checked ~ .oat-cards .oat-c.cd4 .oat-price b{font-size:36px}
.oat-price span{font-size:11.5px;margin-top:4px;font-weight:700}
.oat-feats{text-align:start;margin:8px 0 0;padding:0 1px}
.oat-feats li{position:relative;padding-inline-start:9px;font-size:9.5px;line-height:1.8;white-space:nowrap;color:rgba(244,214,176,.8)}
.oat-c.hot .oat-feats li,
#td1:checked ~ .oat-cards .oat-c.cd1 .oat-feats li,
#td2:checked ~ .oat-cards .oat-c.cd2 .oat-feats li,
#td3:checked ~ .oat-cards .oat-c.cd3 .oat-feats li,
#td4:checked ~ .oat-cards .oat-c.cd4 .oat-feats li{font-size:10.5px;padding-inline-start:10px}
.oat-feats li::before{content:"";position:absolute;inset-inline-start:0;top:50%;width:4px;height:4px;margin-top:-2px;transform:rotate(45deg);background:#5BC0DE;box-shadow:0 0 6px rgba(91,192,222,.8)}
.oat-btn{display:flex;align-items:center;justify-content:center;height:36px;padding:0 4px;margin-top:12px;border-radius:11px;background:#D97706;color:#05070D!important;font-size:11.5px;font-weight:700;text-decoration:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 14px 22px -14px rgba(0,0,0,.9)}
/* إطار الضوء السماوي على الوسطانية */
.oat-c.hot,
/* إطار الضوء السماوي على الوسطانية */
#td1:checked ~ .oat-cards .oat-c.cd1,
/* إطار الضوء السماوي على الوسطانية */
#td2:checked ~ .oat-cards .oat-c.cd2,
/* إطار الضوء السماوي على الوسطانية */
#td3:checked ~ .oat-cards .oat-c.cd3,
/* إطار الضوء السماوي على الوسطانية */
#td4:checked ~ .oat-cards .oat-c.cd4{border-color:transparent}
.oat-c.hot::after,
#td1:checked ~ .oat-cards .oat-c.cd1::after,
#td2:checked ~ .oat-cards .oat-c.cd2::after,
#td3:checked ~ .oat-cards .oat-c.cd3::after,
#td4:checked ~ .oat-cards .oat-c.cd4::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;padding:2px;pointer-events:none;
  background:linear-gradient(0deg,#5BC0DE 0%,rgba(91,192,222,.9) 55%,rgba(91,192,222,0) 96%);
  -webkit-mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.oat-c.hot::before,
#td1:checked ~ .oat-cards .oat-c.cd1::before,
#td2:checked ~ .oat-cards .oat-c.cd2::before,
#td3:checked ~ .oat-cards .oat-c.cd3::before,
#td4:checked ~ .oat-cards .oat-c.cd4::before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 14px rgba(91,192,222,.28);
  -webkit-mask:linear-gradient(0deg,#000 50%,transparent 94%);mask:linear-gradient(0deg,#000 50%,transparent 94%)}

/* تبديل المدة */
.oat .d1,.oat .d2,.oat .d3,.oat .d4{display:none}
#td1:checked ~ .oat-cards .d1,#td2:checked ~ .oat-cards .d2,#td3:checked ~ .oat-cards .d3,#td4:checked ~ .oat-cards .d4{display:block}
#td1:checked ~ .oat-cards .oat-btn.d1,#td2:checked ~ .oat-cards .oat-btn.d2,#td3:checked ~ .oat-cards .oat-btn.d3,#td4:checked ~ .oat-cards .oat-btn.d4{display:flex}

/* ======== اختيار المدة — 3 أفكار ======== */
.sel{display:none;margin:0 auto 30px;max-width:520px}
.k1 .sel-1,.k2 .sel-2,.k3 .sel-3{display:block}
.sel label{cursor:pointer;-webkit-tap-highlight-color:transparent;font-weight:700}

/* فكرة 1: شريط تشغيل الفيديو */
.sel-1{position:relative;padding:0 18px}
.s1-track{position:relative;height:4px;border-radius:4px;background:rgba(58,80,107,.55);margin:22px 0 0}
.s1-fill{position:absolute;inset-block:0;inset-inline-start:0;width:0%;border-radius:4px;background:linear-gradient(90deg,#3A506B,#5BC0DE);transition:width .45s cubic-bezier(.3,.7,.2,1)}
html[dir=rtl] .s1-fill{background:linear-gradient(270deg,#3A506B,#5BC0DE)}
.s1-knob{position:absolute;top:50%;inset-inline-start:0%;width:20px;height:20px;margin-top:-10px;margin-inline-start:-10px;border-radius:50%;background:#F4D6B0;box-shadow:0 0 0 4px rgba(91,192,222,.35),0 0 16px rgba(91,192,222,.7);transition:inset-inline-start .45s cubic-bezier(.3,.7,.2,1)}
.s1-labels{position:relative;height:44px}
.s1-labels label{position:absolute;top:10px;transform:translateX(50%);font-size:13px;color:rgba(244,214,176,.5);padding:6px 4px;white-space:nowrap;transition:color .3s}
html[dir=ltr] .s1-labels label{transform:translateX(-50%)}
.s1-labels label::before{content:"";position:absolute;top:-16px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#3A506B}
.s1-labels label:nth-child(1){inset-inline-start:0%}.s1-labels label:nth-child(2){inset-inline-start:33.333%}.s1-labels label:nth-child(3){inset-inline-start:66.666%}.s1-labels label:nth-child(4){inset-inline-start:100%}
#td2:checked ~ .sel-1 .s1-fill{width:33.333%}#td3:checked ~ .sel-1 .s1-fill{width:66.666%}#td4:checked ~ .sel-1 .s1-fill{width:100%}
#td2:checked ~ .sel-1 .s1-knob{inset-inline-start:33.333%}#td3:checked ~ .sel-1 .s1-knob{inset-inline-start:66.666%}#td4:checked ~ .sel-1 .s1-knob{inset-inline-start:100%}
#td1:checked ~ .sel-1 label[for=od1],#td2:checked ~ .sel-1 label[for=od2],#td3:checked ~ .sel-1 label[for=od3],#td4:checked ~ .sel-1 label[for=od4]{color:#F4D6B0}

/* فكرة 2: شريط زجاجي مقسوم */
.sel-2{position:relative;display:none;padding:5px;border-radius:999px;background:rgba(28,37,65,.55);border:1px solid rgba(58,80,107,.45);box-shadow:inset 0 1px 0 rgba(244,214,176,.06)}
.k2 .sel-2{display:flex}
.s2-ind{position:absolute;top:5px;bottom:5px;inset-inline-start:5px;width:calc((100% - 10px)/4);border-radius:999px;background:linear-gradient(180deg,rgba(91,192,222,.24),rgba(91,192,222,.1));border:1px solid rgba(91,192,222,.55);box-shadow:0 0 18px rgba(91,192,222,.22);transition:inset-inline-start .4s cubic-bezier(.3,.7,.2,1)}
.sel-2 label{position:relative;z-index:1;flex:1;height:42px;display:flex;align-items:center;justify-content:center;font-size:13px;color:rgba(244,214,176,.55);transition:color .3s}
#td2:checked ~ .sel-2 .s2-ind{inset-inline-start:calc(5px + (100% - 10px)/4)}
#td3:checked ~ .sel-2 .s2-ind{inset-inline-start:calc(5px + (100% - 10px)/2)}
#td4:checked ~ .sel-2 .s2-ind{inset-inline-start:calc(5px + (100% - 10px)*3/4)}
#td1:checked ~ .sel-2 label[for=od1],#td2:checked ~ .sel-2 label[for=od2],#td3:checked ~ .sel-2 label[for=od3],#td4:checked ~ .sel-2 label[for=od4]{color:#F4D6B0}

/* فكرة 3: تبويبات بخط تحتها */
.sel-3{position:relative;display:none;border-bottom:1px solid rgba(58,80,107,.45)}
.k3 .sel-3{display:flex}
.sel-3 label{flex:1;height:46px;display:flex;align-items:center;justify-content:center;font-size:14px;color:rgba(244,214,176,.45);transition:color .3s}
.s3-ind{position:absolute;bottom:-1px;inset-inline-start:0;width:25%;height:2px;border-radius:2px;background:#5BC0DE;box-shadow:0 0 10px rgba(91,192,222,.8);transition:inset-inline-start .4s cubic-bezier(.3,.7,.2,1)}
#td2:checked ~ .sel-3 .s3-ind{inset-inline-start:25%}#td3:checked ~ .sel-3 .s3-ind{inset-inline-start:50%}#td4:checked ~ .sel-3 .s3-ind{inset-inline-start:75%}
#td1:checked ~ .sel-3 label[for=od1],#td2:checked ~ .sel-3 label[for=od2],#td3:checked ~ .sel-3 label[for=od3],#td4:checked ~ .sel-3 label[for=od4]{color:#F4D6B0}
.sel label:focus-visible{outline:2px solid #5BC0DE}
@media (prefers-reduced-motion:reduce){.s1-fill,.s1-knob,.s2-ind,.s3-ind{transition:none}}

@media (min-width:1024px){
  .oat{padding:38px 28px 56px}
  .oat-head{margin-bottom:34px}
  .oat-title{font-size:40px}
  .oat-wrap{max-width:980px;margin:0 auto}
  .sel{margin-bottom:40px}
  .s1-labels label{font-size:15px}
  .sel-2 label{height:48px;font-size:15px}
  .sel-3 label{height:52px;font-size:16px}
  .oat-cards{gap:20px;align-items:stretch}
  .oat-c{padding:190px 22px 22px;border-radius:24px}
  .oat-c.hot,
  #td1:checked ~ .oat-cards .oat-c.cd1,
  #td2:checked ~ .oat-cards .oat-c.cd2,
  #td3:checked ~ .oat-cards .oat-c.cd3,
  #td4:checked ~ .oat-cards .oat-c.cd4{flex:1.14 1 0;padding:214px 24px 26px;margin:-14px 0}
  .oat-img{height:278px}.oat-c.hot .oat-img,#td1:checked ~ .oat-cards .oat-c.cd1 .oat-img,#td2:checked ~ .oat-cards .oat-c.cd2 .oat-img,#td3:checked ~ .oat-cards .oat-c.cd3 .oat-img,#td4:checked ~ .oat-cards .oat-c.cd4 .oat-img{height:308px}
  .oat-no{top:16px;inset-inline-start:16px}
  .oat-name{font-size:19px;margin:12px 0}.oat-c.hot .oat-name,#td1:checked ~ .oat-cards .oat-c.cd1 .oat-name,#td2:checked ~ .oat-cards .oat-c.cd2 .oat-name,#td3:checked ~ .oat-cards .oat-c.cd3 .oat-name,#td4:checked ~ .oat-cards .oat-c.cd4 .oat-name{font-size:23px}
  .oat-dur,.oat-c.hot .oat-dur,#td1:checked ~ .oat-cards .oat-c.cd1 .oat-dur,#td2:checked ~ .oat-cards .oat-c.cd2 .oat-dur,#td3:checked ~ .oat-cards .oat-c.cd3 .oat-dur,#td4:checked ~ .oat-cards .oat-c.cd4 .oat-dur{display:inline;font-size:inherit;color:inherit;margin:0}
  .oat-dur::before{content:" - "}
  #td1:checked ~ .oat-cards .oat-dur .d1,#td2:checked ~ .oat-cards .oat-dur .d2,#td3:checked ~ .oat-cards .oat-dur .d3,#td4:checked ~ .oat-cards .oat-dur .d4{display:inline}
  .oat-price b{font-size:44px}.oat-c.hot .oat-price b,#td1:checked ~ .oat-cards .oat-c.cd1 .oat-price b,#td2:checked ~ .oat-cards .oat-c.cd2 .oat-price b,#td3:checked ~ .oat-cards .oat-c.cd3 .oat-price b,#td4:checked ~ .oat-cards .oat-c.cd4 .oat-price b{font-size:56px}
  .oat-price span{font-size:14px}
  .oat-feats{margin:16px 0 4px}
  .oat-feats li{font-size:15px;line-height:2;padding-inline-start:16px;white-space:normal}
  .oat-c.hot .oat-feats li,
  #td1:checked ~ .oat-cards .oat-c.cd1 .oat-feats li,
  #td2:checked ~ .oat-cards .oat-c.cd2 .oat-feats li,
  #td3:checked ~ .oat-cards .oat-c.cd3 .oat-feats li,
  #td4:checked ~ .oat-cards .oat-c.cd4 .oat-feats li{font-size:15px;padding-inline-start:16px}
  .oat-feats li::before{width:6px;height:6px;margin-top:-3px}
  .oat-btn{height:48px;font-size:15px;border-radius:14px;margin-top:16px}
  .oat-c.hot::after,
  #td1:checked ~ .oat-cards .oat-c.cd1::after,
  #td2:checked ~ .oat-cards .oat-c.cd2::after,
  #td3:checked ~ .oat-cards .oat-c.cd3::after,
  #td4:checked ~ .oat-cards .oat-c.cd4::after{padding:3px}
}

/* ===== وضع 1: ثلاث بطاقات مدد + شريط الشهر ===== */
.oat-month{position:relative;display:flex;align-items:center;gap:12px;margin:18px auto 0;padding:10px 10px 10px 10px;border-radius:16px;overflow:hidden;
  background:linear-gradient(90deg,rgba(28,37,65,.85),rgba(11,19,43,.7));border:1px solid rgba(58,80,107,.45);box-shadow:0 18px 26px -18px rgba(5,7,13,.95)}
.oat-month::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent 10%,rgba(91,192,222,.45) 50%,transparent 90%)}
.om-img{flex:0 0 auto;width:54px;height:54px;border-radius:12px;background-size:cover;background-position:center;filter:saturate(.72) contrast(1.06) brightness(.9)}
.om-name{font-size:16px;font-weight:700;color:#F4D6B0}
.om-price{display:flex;align-items:baseline;gap:5px;margin-inline-start:auto}
.om-price b{font-size:24px;line-height:1;font-weight:700;color:#F4D6B0;text-shadow:0 0 12px rgba(244,214,176,.3)}
.om-price span{font-size:12px;font-weight:700}
.oat-month .oat-btn{margin:0;height:40px;padding:0 16px;font-size:13px;border-radius:12px;flex:0 0 auto}
/* ===== وضع 2: المدة المختارة بالنص ===== */
.m2 .oat-c{display:none}
.m2 .oat-c .oat-btn{display:none}
.oat-pick{position:absolute!important;inset:0;z-index:5!important;cursor:pointer;-webkit-tap-highlight-color:transparent}
.m2 .oat-c:not(.sel-on){opacity:.5;filter:saturate(.7)}
#td1:checked ~ .oat-cards .cd1,#td2:checked ~ .oat-cards .cd2,#td3:checked ~ .oat-cards .cd3,#td4:checked ~ .oat-cards .cd4{display:block;order:2;opacity:1;filter:none}
#td1:checked ~ .oat-cards .cd1 .oat-btn,#td2:checked ~ .oat-cards .cd2 .oat-btn,#td3:checked ~ .oat-cards .cd3 .oat-btn,#td4:checked ~ .oat-cards .cd4 .oat-btn{display:flex}
#td1:checked ~ .oat-cards .cd1 .oat-pick,#td2:checked ~ .oat-cards .cd2 .oat-pick,#td3:checked ~ .oat-cards .cd3 .oat-pick,#td4:checked ~ .oat-cards .cd4 .oat-pick{display:none}
#td1:checked ~ .oat-cards .cd2,#td2:checked ~ .oat-cards .cd1,#td3:checked ~ .oat-cards .cd2,#td4:checked ~ .oat-cards .cd3{display:block;order:1}
#td1:checked ~ .oat-cards .cd3,#td2:checked ~ .oat-cards .cd3,#td3:checked ~ .oat-cards .cd4,#td4:checked ~ .oat-cards .cd2{display:block;order:3}
@media (min-width:1024px){
  .oat-month{max-width:980px;padding:12px 14px;gap:18px;border-radius:20px}
  .om-img{width:64px;height:64px}
  .om-name{font-size:20px}.om-price b{font-size:32px}.om-price span{font-size:14px}
  .oat-month .oat-btn{height:46px;padding:0 26px;font-size:15px}
  .m2 .oat-c:not(.x){align-self:center}
}

/* ===== اشتراك واحد: بطاقة وحدة بالنص تتبدل حسب المدة ===== */
.m2 .oat-cards{justify-content:center}
#td1:checked ~ .oat-cards .cd2,#td2:checked ~ .oat-cards .cd1,#td3:checked ~ .oat-cards .cd2,#td4:checked ~ .oat-cards .cd3,
#td1:checked ~ .oat-cards .cd3,#td2:checked ~ .oat-cards .cd3,#td3:checked ~ .oat-cards .cd4,#td4:checked ~ .oat-cards .cd2{display:none!important}
.m2 .oat-c{flex:0 1 300px!important;max-width:300px;margin:0!important;animation:oatIn .45s ease both}
.m2 .oat-no,.m2 .oat-pick{display:none!important}
@keyframes oatIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.m2 .oat-name{font-size:20px!important;letter-spacing:.02em}
.m2 .oat-dur{display:block!important;font-size:14px!important;color:#5BC0DE!important;margin-top:2px}
.m2 .oat-dur::before{content:none!important}
.m2 .oat-price b{font-size:46px!important}
.m2 .oat-feats li{font-size:12.5px!important;padding-inline-start:12px!important}
.m2 .oat-btn{height:46px!important;font-size:15px!important;border-radius:14px!important}
.m2 .oat-c .oat-img{height:200px!important}
.m2 .oat-c{padding-top:150px!important}
/* تلميح اختيار المدة */
.oat-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 6px;font-size:13.5px;font-weight:500;color:rgba(244,214,176,.72)}
.oat-hint svg{width:18px;height:18px;color:#5BC0DE;animation:tapHint 1.8s ease-in-out infinite}
@keyframes tapHint{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}
.s1-labels label::before{animation:dotHint 2.4s ease-out infinite}
.s1-labels label:nth-child(2)::before{animation-delay:.3s}.s1-labels label:nth-child(3)::before{animation-delay:.6s}.s1-labels label:nth-child(4)::before{animation-delay:.9s}
@keyframes dotHint{0%{box-shadow:0 0 0 0 rgba(91,192,222,.55)}70%{box-shadow:0 0 0 8px rgba(91,192,222,0)}100%{box-shadow:0 0 0 0 rgba(91,192,222,0)}}
.s1-labels label{padding:8px 6px!important}
@media (prefers-reduced-motion:reduce){.oat-hint svg,.s1-labels label::before,.m2 .oat-c{animation:none}}
@media (min-width:1024px){
  .m2 .oat-c{flex-basis:400px!important;max-width:400px;padding-top:250px!important}
  .m2 .oat-c .oat-img{height:320px!important}
  .m2 .oat-name{font-size:26px!important}.m2 .oat-dur{font-size:17px!important}
  .m2 .oat-price b{font-size:60px!important}
  .m2 .oat-feats li{font-size:15px!important;padding-inline-start:16px!important}
  .m2 .oat-btn{height:52px!important;font-size:16px!important}
  .oat-hint{font-size:15px;margin-bottom:10px}
}

.oat-sub{margin:6px 0 0;font-size:14.5px;line-height:1.75;color:rgba(244,214,176,.7)}
.oat-btn{border:0;width:100%;font-family:inherit;cursor:pointer}
.price-tmp{letter-spacing:.08em;color:rgba(244,214,176,.55)!important;text-shadow:none!important}
.tmp-tag{display:inline-block;margin-top:6px!important;padding:2px 10px;border-radius:999px;border:1px dashed rgba(244,214,176,.35);font-size:11px!important;font-weight:500!important;color:rgba(244,214,176,.6)}
@media (min-width:1024px){.oat-sub{font-size:17.5px;margin-top:8px}.tmp-tag{font-size:12.5px!important}}

/* ===== SECTION 05 — لمسات الجهازين ===== */
.oat-badge{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.06em;color:#5BC0DE;background:rgba(28,37,65,.55);border:1px solid rgba(91,192,222,.35)}
.oat-badge svg{width:18px;height:18px}
.oat-badge span{unicode-bidi:plaintext}
/* إبراز السنة بالشريط بدون إخفاء الباقي */
.oat .s1-labels label[for="td4"]{color:rgba(244,214,176,.82)}
.oat .s1-labels label[for="td4"]::after{content:"";position:absolute;top:-20px;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;border:1px solid rgba(91,192,222,.55);pointer-events:none}
/* اتصال هادئ مع سكشن التطبيق اللي قبله */
.oat{padding-top:10px}
@media (min-width:1024px){.oat-badge{font-size:13px;margin-bottom:16px}}