/*
 * UOUPREM — طبقة التجاوب الموحّدة (الإصدار 1.4.0)
 * تُحمَّل أخيراً في كل الصفحات، ولا تغيّر الهوية (الألوان/الخطوط/التدرجات)؛
 * هي تضبط التوزيع فقط: حاوية مركزية، شبكات تستفيد من المساحة، ومنع التمرير الأفقي.
 * المقاسات المستهدفة: 360 / 390 / 768 / 1024 / 1440 / 1920.
 */

:root{--uou-max:1180px}
@media(min-width:1440px){:root{--uou-max:1280px}}
@media(min-width:1920px){:root{--uou-max:1440px}}

/* ---------- أساسيات تمنع التمرير الأفقي والقص ---------- */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{max-width:100%}
img,video,canvas,svg{max-width:100%}
img,video{height:auto}
h1,h2,h3,h4,p,small,li{overflow-wrap:break-word}
:where(button,[type=submit],a.ad,a.btn){touch-action:manipulation}

/* ---------- الحاوية المركزية (كمبيوتر) ---------- */
.wrap,.w{max-width:var(--uou-max)}
.hero{max-width:var(--uou-max)}
.sx,.gal,.pk,.faq{max-width:min(var(--uou-max),1200px)}
.uou-page-generic,.woocommerce-notices-wrapper{max-width:min(var(--uou-max),1120px)}
@media(min-width:1440px){
  .w{padding-inline:24px}
  .row .rh h2{font-size:21px}
}

/* ====================================================================
   الرئيسية — شبكة منتجات يوتيوب
   .ypx-g.n1..n4 يضيفها الشورت كود حسب عدد المنتجات المنشورة (بلا تكرار منتج)
   ==================================================================== */
@media(min-width:561px){
  .ypx-g{
    grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),300px));
    justify-content:center;
    gap:18px;
    padding:0 clamp(16px,3vw,32px) 28px;
  }
  .ypx-g.n1{grid-template-columns:minmax(0,340px)}
  .ypx-c{min-width:0}
  .ypx-bd h4{font-size:15.5px}
  .ypx-bd small{font-size:12.5px;line-height:1.6}
}
@media(min-width:1024px){
  .ypx-g{gap:22px}
  .ypx-hero{min-height:280px;padding:34px 40px 84px}
}
@media(max-width:560px){
  /* التصميم المصغّر للجوال يبقى كما هو؛ نعالج فقط عدد البطاقات */
  .ypx-g.n1{grid-template-columns:minmax(0,260px);justify-content:center}
  .ypx-g.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ====================================================================
   صفحات التصنيف — بطاقات المنتجات
   ==================================================================== */
@media(min-width:768px){
  /* لا شريط أفقي على الشاشات الأوسع: شبكة تملأ الحاوية */
  .sl{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
    gap:18px;
    overflow:visible;
    scroll-snap-type:none;
    padding:6px 2px 16px;
  }
  .sl .pcd{flex:none;width:auto;min-width:0}
  .rh button[data-all]{display:none}
  .ph{padding:28px 0 20px}
  .cartb{top:28px}

  /* بطاقات مدمجة بحجم ثابت مناسب (لا تتمدد حتى لو كانت المجموعة بمنتج واحد) */
  .sl,.row.n1 .sl{grid-template-columns:repeat(auto-fill,minmax(180px,210px));justify-content:start}
}
@media(min-width:1440px){
  .sl,.row.n1 .sl{grid-template-columns:repeat(auto-fill,minmax(190px,220px));gap:22px}
}
@media(max-width:767px){
  .row.n1 .sl{justify-content:center}
  .row.n1 .pcd{flex:0 0 clamp(150px,50vw,190px)}
}
@media(max-width:520px){
  /* بطاقتان في مجموعة: تتقاسمان العرض دون تمرير أفقي */
  .row.n2 .sl{overflow:visible}
  .row.n2 .pcd{flex:1 1 0;min-width:0}
  .subs{gap:6px}
}

/* ====================================================================
   السلة (القالب الكلاسيكي cart/cart.php)
   ==================================================================== */
@media(min-width:1024px){
  #cartc .grid{gap:24px}
  #cartc .box{padding:22px}
}
@media(min-width:860px){
  #cartc .grid>.box:last-child{position:sticky;top:16px}
}
@media(max-width:560px){
  #cartc .it{flex-wrap:wrap;gap:10px 12px}
  #cartc .it .in{flex:1 1 calc(100% - 80px)}
  #cartc .it .pc{margin-inline-start:76px;text-align:start}
  .steps{font-size:12px;gap:6px}
  #cartc .cpr{flex-wrap:wrap}
  #cartc .cpr input{flex:1 1 100%}
  #cartc .cpr button{flex:1 1 100%;min-height:46px}
}

/* ====================================================================
   الدفع (WooCommerce الكلاسيكي) — توزيع متوازن على الكمبيوتر
   ==================================================================== */
body.woocommerce-checkout form.checkout.woocommerce-checkout{max-width:var(--uou-max);margin-inline:auto;padding-inline:16px}
body.woocommerce-checkout .woocommerce{max-width:var(--uou-max);margin-inline:auto;padding-inline:16px}
body.woocommerce-checkout .col2-set .col-1,
body.woocommerce-checkout .col2-set .col-2{float:none;width:100%;max-width:100%}
@media(min-width:900px){
  body.woocommerce-checkout form.checkout.woocommerce-checkout{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(340px,1fr);
    column-gap:24px;
    align-items:start;
  }
  body.woocommerce-checkout form.checkout .woocommerce-NoticeGroup{grid-column:1/-1}
  body.woocommerce-checkout #customer_details{grid-column:1;grid-row:1/span 2;float:none;width:auto}
  body.woocommerce-checkout #order_review_heading{grid-column:2;grid-row:1;float:none;width:auto}
  body.woocommerce-checkout #order_review{grid-column:2;grid-row:2;float:none;width:auto}
}
@media(min-width:1024px){
  body.woocommerce-checkout #order_review{position:sticky;top:16px}
}
/* حقول الاسم/الجوال… تتجاور على الشاشات المتوسطة وتنزل عموداً على الجوال */
@media(max-width:599px){
  body.woocommerce-checkout .form-row-first,
  body.woocommerce-checkout .form-row-last{float:none;width:100%}
  body.woocommerce-checkout #customer_details,
  body.woocommerce-checkout #order_review{padding:16px 14px}
}

/* ====================================================================
   صفحات المحتوى (من نحن / الشروط / الشكاوى / الشرح)
   ==================================================================== */
@media(min-width:1024px){
  .uou-page-generic{padding:24px}
}

/* ====================================================================
   الجوال: لمس مريح وحقول بلا تكبير تلقائي
   ==================================================================== */
@media(max-width:767px){
  /* 16px يمنع تكبير iOS التلقائي عند التركيز على الحقول */
  body input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),
  body select,body textarea,.select2-selection{font-size:16px}
  .sbar .q button,#cartc .q button{width:40px;height:40px}
  #cartc .rm{padding:10px 8px}
  /* عناوين لا تتجاوز عرض الشاشة بدل قصّها */
  .sh h2,.sx-h h2{white-space:normal}
  .subs a{min-height:40px;display:inline-flex;align-items:center}
  .ad,.btn,.ypx-ad,a.button,button.button{min-height:44px}
  .ph h1{padding-inline-end:104px}
}
@media(max-width:389px){
  .w,.wrap{padding-inline:12px}
  .ph h1{font-size:20px}
}

/* ====================================================================
   الشاشات الكبيرة جداً: تحجيم النص الأساسي قليلاً وإبقاء الحاوية مركزية
   ==================================================================== */
@media(min-width:1920px){
  .pcd .n{font-size:16px}
}

/* احترام تقليل الحركة */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .pcd,.ypx-c{transition:none}
}

/* 1.4.1: قسم «يوتيوب بريميوم» المستقل في الرئيسية (بطاقات فقط بلا غلاف): لا تداخل مع العنوان */
#ytpsec{padding:0}
#ytpsec .ypx-g{margin-top:16px!important;padding:0 14px 22px!important;display:grid!important;grid-template-columns:minmax(0,min(100%,300px))!important;justify-content:center!important;overflow:visible!important}
#ytpsec .ypx-g>.ypx-c{flex:none!important;width:auto!important;max-width:none!important}

/* ====================================================================
   1.4.1 — أحجام مناسبة لكل الأجهزة (بطاقات الرئيسية وصورة صفحة المنتج)
   ==================================================================== */
#ytpsec .ypx-g{grid-template-columns:minmax(0,min(100%,240px))!important}
@media(max-width:760px){
  #ytsec.ypx .ypx-g>.ypx-c,.ypx .ypx-g>.ypx-c{flex:0 0 clamp(190px,56vw,235px)!important;max-width:235px!important}
}
@media(max-width:899px){
  .pd-side{max-width:400px;margin-inline:auto;width:100%}
}
@media(min-width:900px){
  .pd-side{max-width:440px}
}
@media(min-width:761px){
  #ytsec.ypx .ypx-g{grid-template-columns:repeat(3,minmax(0,250px))!important;justify-content:center!important;gap:18px!important}
  #ytsec.ypx .ypx-g.n1{grid-template-columns:minmax(0,250px)!important}
  #ytsec.ypx .ypx-g.n2{grid-template-columns:repeat(2,minmax(0,250px))!important}
}

/* Single premium product: live commerce details beside clean brand artwork. */
#ytpsec #ypg-premium.n1{grid-template-columns:minmax(0,840px)!important;padding:0 16px 24px!important;margin-top:20px!important}
#ypg-premium .uou-featured{display:grid!important;grid-template-columns:1fr 1.1fr!important;direction:rtl!important;container-type:normal!important;min-width:0!important;border-radius:26px!important;border:1px solid rgba(245,181,70,.4)!important;background:linear-gradient(135deg,#34241a,#19120e)!important;box-shadow:0 20px 48px rgba(0,0,0,.3)!important}
#ypg-premium .uou-featured:hover{transform:translateY(-3px)!important}
#ypg-premium .uou-featured .ypx-sh{display:none!important}
#ypg-premium .uou-featured .ypx-tag{top:20px!important;right:20px!important;left:auto!important;padding:6px 14px!important;border-radius:999px!important;font-size:12px!important;background:#F5B546!important;color:#24170c!important;box-shadow:none!important}
#ypg-premium .uou-featured .ypx-im{min-height:320px!important;height:100%!important;aspect-ratio:auto!important;container-type:normal!important;background:radial-gradient(ellipse at center,rgba(233,89,0,.19),transparent 68%)!important;border-left:1px solid rgba(245,181,70,.12)!important}
#ypg-premium .uou-featured .ypx-im::before,#ypg-premium .uou-featured .ypx-im::after{display:none!important}
#ypg-premium .uou-featured .ypx-pic{position:absolute!important;inset:0!important;margin:auto!important;width:68%!important;height:auto!important;max-height:220px!important;object-fit:contain!important;filter:drop-shadow(0 20px 24px rgba(0,0,0,.35))!important;transform:none!important}
#ypg-premium .uou-featured .ypx-bd{display:flex!important;position:relative!important;padding:42px 34px!important;gap:14px!important;background:transparent!important;min-width:0!important;justify-content:center!important;text-align:right!important}
#ypg-premium .uou-featured .ypx-bd h4{font-size:clamp(24px,2.4vw,32px)!important;line-height:1.5!important;color:#fff!important}
#ypg-premium .uou-featured .ypx-bd>small{font-size:15px!important;line-height:1.9!important;color:#d0bfb1!important}
#ypg-premium .uou-featured .ypx-bd>small:empty{display:none!important}
#ypg-premium .uou-featured .ypx-rt{justify-content:flex-start!important;gap:14px!important;font-size:13px!important;color:#d0bfb1!important}
#ypg-premium .uou-featured .ypx-pp{margin-top:3px!important;gap:12px!important}
#ypg-premium .uou-featured .ypx-pp strong{font-size:32px!important;line-height:1.5!important;color:#FFD98A!important}
#ypg-premium .uou-featured .ypx-pp s,#ypg-premium .uou-featured .ypx-pp em{font-size:14px!important}
#ypg-premium .uou-featured .ypx-ad{display:flex!important;justify-content:center!important;align-items:center!important;min-height:52px!important;width:100%!important;padding:12px 24px!important;margin-top:6px!important;border-radius:14px!important;font-size:16px!important;font-weight:700!important;box-shadow:0 8px 24px rgba(233,89,0,.2)!important}
#ypg-premium .uou-featured a:focus-visible{outline:3px solid #FFD98A!important;outline-offset:-4px!important}
@media(max-width:600px){
 #ytpsec #ypg-premium.n1{grid-template-columns:minmax(0,420px)!important;padding:0 14px 18px!important}
 #ypg-premium .uou-featured{grid-template-columns:1fr!important;border-radius:22px!important}
 #ypg-premium .uou-featured .ypx-im{min-height:210px!important;border-left:0!important;border-bottom:1px solid rgba(245,181,70,.12)!important}
 #ypg-premium .uou-featured .ypx-pic{width:46%!important;max-height:150px!important}
 #ypg-premium .uou-featured .ypx-tag{top:14px!important;right:14px!important;font-size:11px!important}
 #ypg-premium .uou-featured .ypx-bd{padding:24px!important;gap:10px!important}
 #ypg-premium .uou-featured .ypx-bd h4{font-size:25px!important}
 #ypg-premium .uou-featured .ypx-bd>small{font-size:14px!important}
 #ypg-premium .uou-featured .ypx-pp strong{font-size:30px!important}
}
@media(prefers-reduced-motion:reduce){#ypg-premium .uou-featured{transition:none!important}#ypg-premium .uou-featured:hover{transform:none!important}}

/* Three device cards remain visible together on mobile. */
#ytsec.ypx #ypg{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;max-width:840px!important;margin:18px auto 0!important;padding:0 14px 22px!important;overflow:visible!important;scroll-snap-type:none!important}
#ytsec.ypx #ypg>.uou-plus-card{display:flex!important;flex-direction:column!important;flex:none!important;width:100%!important;max-width:none!important;min-width:0!important;container-type:normal!important;border-radius:20px!important;box-shadow:0 12px 26px rgba(0,0,0,.25)!important}
#ypg .uou-plus-card .ypx-sh{display:none!important}
#ypg .uou-plus-card .ypx-tag{top:12px!important;right:12px!important;left:auto!important;padding:4px 11px!important;border-radius:999px!important;background:#F5B546!important;color:#24170c!important;font-size:12px!important;line-height:1.6!important;max-width:calc(100% - 24px)!important}
#ypg .uou-plus-card .ypx-im{height:190px!important;aspect-ratio:auto!important;container-type:normal!important;background:radial-gradient(ellipse at center,rgba(233,89,0,.17),transparent 70%)!important}
#ypg .uou-plus-card .ypx-im::before,#ypg .uou-plus-card .ypx-im::after{display:none!important}
#ypg .uou-plus-card .ypx-pic{position:absolute!important;inset:35px 0 0!important;margin:auto!important;width:62%!important;height:auto!important;max-height:115px!important;object-fit:contain!important;filter:drop-shadow(0 12px 16px rgba(0,0,0,.3))!important}
#ypg .uou-plus-card .ypx-bd{display:flex!important;position:relative!important;flex:1!important;padding:16px!important;gap:10px!important;background:linear-gradient(180deg,#30231b,#211913)!important;text-align:center!important}
#ypg .uou-plus-card .ypx-bd h4{font-size:17px!important;line-height:1.65!important;min-height:56px!important;display:flex!important;align-items:center!important;justify-content:center!important}
#ypg .uou-plus-card .ypx-bd>small{font-size:12px!important;line-height:1.7!important}
#ypg .uou-plus-card .ypx-bd>small:empty{display:none!important}
#ypg .uou-plus-card .ypx-rt{justify-content:center!important;flex-wrap:wrap!important;gap:6px!important;font-size:11px!important}
#ypg .uou-plus-card .ypx-pp{justify-content:center!important;margin-top:auto!important}
#ypg .uou-plus-card .ypx-pp strong{font-size:24px!important}
#ypg .uou-plus-card .ypx-ad{display:flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;border-radius:12px!important;padding:9px 6px!important;font-size:14px!important}
#ypg .uou-plus-card a:focus-visible{outline:3px solid #FFD98A!important;outline-offset:-3px!important}
@media(max-width:600px){
 #ytsec.ypx #ypg{gap:6px!important;padding:0 8px 18px!important}
 #ytsec.ypx #ypg>.uou-plus-card{border-radius:14px!important}
 #ypg .uou-plus-card .ypx-tag{top:8px!important;right:5px!important;left:5px!important;max-width:none!important;padding:3px 2px!important;font-size:10px!important;text-align:center!important;white-space:nowrap!important}
 #ypg .uou-plus-card .ypx-im{height:116px!important}
 #ypg .uou-plus-card .ypx-pic{inset:26px 0 0!important;width:76%!important;max-height:70px!important}
 #ypg .uou-plus-card .ypx-bd{padding:10px 6px!important;gap:8px!important}
 #ypg .uou-plus-card .ypx-bd h4{font-size:12px!important;line-height:1.6!important;min-height:58px!important;overflow-wrap:anywhere!important}
 #ypg .uou-plus-card .ypx-bd>small{font-size:10px!important}
 #ypg .uou-plus-card .ypx-rt{font-size:9px!important}
 #ypg .uou-plus-card .ypx-pp{gap:3px!important}
 #ypg .uou-plus-card .ypx-pp strong{font-size:19px!important}
 #ypg .uou-plus-card .ypx-pp s,#ypg .uou-plus-card .ypx-pp em{font-size:10px!important}
 #ypg .uou-plus-card .ypx-ad{min-height:44px!important;font-size:11px!important;padding:8px 2px!important;border-radius:9px!important}
}

#ypg-premium .uou-featured,#ypg .uou-plus-card{aspect-ratio:auto!important;height:auto!important}
#ypg-premium .uou-featured .ypx-bd,#ypg .uou-plus-card .ypx-bd{position:relative!important;inset:auto!important;transform:none!important}
#ypg-premium .uou-featured .ypx-pic,#ypg .uou-plus-card .ypx-pic{border-radius:0!important}
#ypg-premium .uou-featured .ypx-im,#ypg .uou-plus-card .ypx-im{position:relative!important;inset:auto!important;width:auto!important;transform:none!important;flex-shrink:0!important} #ypg-premium .uou-featured .ypx-im{min-height:320px!important} #ypg .uou-plus-card .ypx-bd{flex:1 0 auto!important} @media(max-width:600px){#ypg-premium .uou-featured .ypx-im{min-height:210px!important}}

#ypg-premium .uou-featured .uou-featured-subtitle{display:block;margin:0;font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif!important;font-size:15px;font-weight:400;line-height:1.8;color:#d0bfb1}

#ypg .uou-plus-card .uou-plus-subtitle{display:block;margin:0;font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif!important;font-size:13px;font-weight:400;line-height:1.8;color:#d0bfb1}
@media(max-width:600px){#ypg .uou-plus-card .uou-plus-subtitle{font-size:11px;line-height:1.7}}

/* Baba hover: override legacy important shadows and avoid pointer capability gating. */
/* Automatic diagonal sheen on the three Baba cards. */
#ytsec.ypx #ypg>.uou-plus-card{position:relative!important;overflow:hidden!important;isolation:isolate}
#ytsec.ypx #ypg>.uou-plus-card>.ypx-sh{
 display:block!important;position:absolute!important;inset:-25% auto -25% -65%!important;
 width:38%!important;height:auto!important;z-index:45!important;pointer-events:none!important;
 background:linear-gradient(90deg,transparent,rgba(255,255,255,.23),transparent)!important;
 transform:skewX(-18deg)!important;opacity:1!important;
 animation:uouBabaSheen 4.6s linear infinite!important;
}
@keyframes uouBabaSheen{from{translate:0 0}to{translate:540% 0}}
@media(prefers-reduced-motion:reduce){#ytsec.ypx #ypg>.uou-plus-card>.ypx-sh{display:none!important;animation:none!important}}
/* Compact mobile proportions, retaining all three device cards. */
@media(max-width:600px){
 #ytsec.ypx #ypg{gap:8px!important;padding:0 10px 20px!important;max-width:560px!important;box-sizing:border-box!important}
 #ypg>.uou-plus-card{box-sizing:border-box!important}
 #ypg .uou-plus-card .ypx-im{height:clamp(106px,27vw,138px)!important}
 #ypg .uou-plus-card .ypx-tag{left:auto!important;right:6px!important;top:7px!important;width:auto!important;max-width:calc(100% - 12px)!important;padding:3px 7px!important;font-size:clamp(8px,2.1vw,10px)!important}
 #ypg .uou-plus-card .ypx-pic{inset:25px 0 0!important;width:76%!important;max-height:clamp(64px,17vw,84px)!important}
 #ypg .uou-plus-card .ypx-bd{padding:12px 7px!important;gap:8px!important;align-items:stretch!important}
 #ypg .uou-plus-card .ypx-bd h4{margin:0!important;font-size:clamp(11px,2.7vw,13px)!important;line-height:1.45!important;min-height:4.35em!important;overflow:visible!important;overflow-wrap:normal!important;-webkit-line-clamp:unset!important}
 #ypg .uou-plus-card .uou-plus-subtitle{font-size:clamp(10px,2.3vw,11px)!important;line-height:1.65!important;min-height:3.3em!important;margin:0!important}
 #ypg .uou-plus-card .ypx-pp{gap:3px!important;margin:3px 0 0!important}
 #ypg .uou-plus-card .ypx-pp strong{font-size:clamp(17px,4.2vw,20px)!important;line-height:1.4!important}
 #ypg .uou-plus-card .ypx-ad{width:100%!important;box-sizing:border-box!important;min-height:44px!important;margin:0!important;padding:8px 3px!important;font-size:clamp(10px,2.4vw,12px)!important;line-height:1.4!important}
}
#ytsec.ypx #ypg>.uou-plus-card{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease!important}
#ytsec.ypx #ypg>.uou-plus-card:hover,#ytsec.ypx #ypg>.uou-plus-card:focus-within{
 transform:translateY(-3px)!important;
 border-color:rgba(255,154,60,.85)!important;
 box-shadow:0 0 0 1px rgba(255,150,60,.18),0 0 14px rgba(255,140,45,.26),0 0 30px rgba(255,120,30,.12),0 12px 28px rgba(0,0,0,.4)!important;
}
@media(prefers-reduced-motion:reduce){#ytsec.ypx #ypg>.uou-plus-card{transition:none!important}#ytsec.ypx #ypg>.uou-plus-card:hover,#ytsec.ypx #ypg>.uou-plus-card:focus-within{transform:none!important}}


/* TAZ angel shine geometry on Baba product media; automatic repeated sweep. */
#ytsec.ypx #ypg>.uou-plus-card>.ypx-sh{display:none!important;animation:none!important}
#ytsec.ypx #ypg>.uou-plus-card .ypx-im{overflow:hidden!important}
#ytsec.ypx #ypg>.uou-plus-card .ypx-im::after{content:""!important;display:block!important;position:absolute!important;inset:auto!important;top:-50%!important;left:-75%!important;width:50%!important;height:200%!important;z-index:10!important;pointer-events:none!important;background:linear-gradient(120deg,transparent,rgba(255,255,255,.1) 35%,rgba(255,255,255,.35) 50%,rgba(255,255,255,.1) 65%,transparent)!important;animation:uouTazImageShine 3.9s cubic-bezier(.4,0,.2,1) infinite!important}
@keyframes uouTazImageShine{0%{opacity:1;transform:translateX(-120%) rotate(25deg)}23.08%{opacity:1;transform:translateX(420%) rotate(25deg)}23.09%,100%{opacity:0;transform:translateX(420%) rotate(25deg)}}
@media(prefers-reduced-motion:reduce){#ytsec.ypx #ypg>.uou-plus-card .ypx-im::after{display:none!important;animation:none!important}}

/* Same TAZ media shine for the featured Premium card. */
#ypg-premium>.uou-featured .ypx-im{overflow:hidden!important}
#ypg-premium>.uou-featured .ypx-im::after{content:""!important;display:block!important;position:absolute!important;inset:auto!important;top:-50%!important;left:-75%!important;width:50%!important;height:200%!important;z-index:10!important;pointer-events:none!important;background:linear-gradient(120deg,transparent,rgba(255,255,255,.1) 35%,rgba(255,255,255,.35) 50%,rgba(255,255,255,.1) 65%,transparent)!important;animation:uouTazImageShine 3.9s cubic-bezier(.4,0,.2,1) infinite!important}
@media(prefers-reduced-motion:reduce){#ypg-premium>.uou-featured .ypx-im::after{display:none!important;animation:none!important}}

/* Four YouTube subscription groups in one desktop row. */
@media(min-width:1024px){body.term-youtube-premium #rows.w{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;max-width:1240px!important;gap:18px!important;padding-inline:24px!important}body.term-youtube-premium #rows .pb{padding:18px 14px}body.term-youtube-premium #rows .pb .n{font-size:17px}body.term-youtube-premium #rows .pp{gap:6px;flex-wrap:wrap}body.term-youtube-premium #rows .pp strong{font-size:25px}}

/* Icons for the original Premium product details. */
body.postid-17305 #uou-tab-1 .uou-detail-icon{display:block!important;width:24px!important;height:24px!important;background:#FFD98A!important;-webkit-mask:var(--uou-detail-mask) center/contain no-repeat;mask:var(--uou-detail-mask) center/contain no-repeat}
body.postid-17305 #uou-tab-1 .uou-icon-user{--uou-detail-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2021v-2a8%208%200%200%201%2016%200v2%22%2F%3E%3C%2Fsvg%3E")}
body.postid-17305 #uou-tab-1 .uou-icon-headphones{--uou-detail-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2013v-2a8%208%200%200%201%2016%200v2%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2212%22%20width%3D%224%22%20height%3D%228%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%2212%22%20width%3D%224%22%20height%3D%228%22%20rx%3D%222%22%2F%3E%3C%2Fsvg%3E")}
body.postid-17305 #uou-tab-1 .uou-icon-devices{--uou-detail-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%2215%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%2015v5M5%2020h8%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2210%22%20width%3D%226%22%20height%3D%2211%22%20rx%3D%221.5%22%2F%3E%3C%2Fsvg%3E")}
body.postid-17305 #uou-tab-1 .uou-icon-key{--uou-detail-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2215%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22m10%2012%2010-10m-4%204%203%203m-6%200%203%203%22%2F%3E%3C%2Fsvg%3E")}
body.postid-17305 #uou-tab-1 .uou-icon-shield{--uou-detail-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%202%208%204v6c0%205-4%208-8%2010-4-2-8-5-8-10V6z%22%2F%3E%3Cpath%20d%3D%22m8%2012%203%203%205-6%22%2F%3E%3C%2Fsvg%3E")}
body.postid-17305 #uou-tab-1 .uou-icon-globe{--uou-detail-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2212%22%20rx%3D%224%22%20ry%3D%2210%22%2F%3E%3Cpath%20d%3D%22M2%2012h20%22%2F%3E%3C%2Fsvg%3E")}

/* Permanent detail icons: independent of SVG removed by the product editor. */
body.postid-17305 #uou-tab-1 .cd .ic{display:flex!important;align-items:center!important;justify-content:center!important}
body.postid-17305 #uou-tab-1 .cd .ic>svg,body.postid-17305 #uou-tab-1 .cd .ic>.uou-detail-icon{display:none!important}
body.postid-17305 #uou-tab-1 .cd .ic::before{content:""!important;display:block!important;position:static!important;width:24px!important;height:24px!important;flex:0 0 24px!important;opacity:1!important;transform:none!important;border:0!important;background:var(--uou-permanent-icon) center/contain no-repeat!important;pointer-events:none!important}
body.postid-17305 #uou-tab-1 .sec:not(.where) .cd:nth-child(1) .ic{--uou-permanent-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20fill%3D%22none%22%20height%3D%2222%22%20stroke%3D%22%23FFD98A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.8%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M4%2021a8%208%200%200%201%2016%200%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
body.postid-17305 #uou-tab-1 .sec:not(.where) .cd:nth-child(2) .ic{--uou-permanent-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20fill%3D%22none%22%20height%3D%2222%22%20stroke%3D%22%23FFD98A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.8%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2222%22%3E%3Crect%20height%3D%2219%22%20rx%3D%222.5%22%20width%3D%2210%22%20x%3D%227%22%20y%3D%222.5%22%3E%3C%2Frect%3E%3Cpath%20d%3D%22M11%2018.5h2%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
body.postid-17305 #uou-tab-1 .sec:not(.where) .cd:nth-child(3) .ic{--uou-permanent-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20fill%3D%22none%22%20height%3D%2222%22%20stroke%3D%22%23FFD98A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.8%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2222%22%3E%3Crect%20height%3D%227%22%20rx%3D%222%22%20width%3D%227%22%20x%3D%223.5%22%20y%3D%223.5%22%3E%3C%2Frect%3E%3Crect%20height%3D%227%22%20rx%3D%222%22%20width%3D%227%22%20x%3D%2213.5%22%20y%3D%223.5%22%3E%3C%2Frect%3E%3Crect%20height%3D%227%22%20rx%3D%222%22%20width%3D%227%22%20x%3D%223.5%22%20y%3D%2213.5%22%3E%3C%2Frect%3E%3Cpath%20d%3D%22M17%2014v6M14%2017h6%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
body.postid-17305 #uou-tab-1 .sec:not(.where) .cd:nth-child(4) .ic{--uou-permanent-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20fill%3D%22none%22%20height%3D%2222%22%20stroke%3D%22%23FFD98A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.8%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2222%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2215%22%20r%3D%224%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M11%2012l9-9M16%207l3%203%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
body.postid-17305 #uou-tab-1 .sec:not(.where) .cd:nth-child(5) .ic{--uou-permanent-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20fill%3D%22none%22%20height%3D%2222%22%20stroke%3D%22%23FFD98A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.8%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2222%22%3E%3Cpath%20d%3D%22M12%203l8%203v5c0%205-3.5%208.5-8%2010-4.5-1.5-8-5-8-10V6z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M8.5%2012l2.5%202.5L15.5%2010%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
body.postid-17305 #uou-tab-1 .sec.where .cd:nth-child(1) .ic{--uou-permanent-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20fill%3D%22none%22%20height%3D%2222%22%20stroke%3D%22%23FFD98A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.8%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2222%22%3E%3Crect%20height%3D%227%22%20rx%3D%222%22%20width%3D%227%22%20x%3D%223.5%22%20y%3D%223.5%22%3E%3C%2Frect%3E%3Crect%20height%3D%227%22%20rx%3D%222%22%20width%3D%227%22%20x%3D%2213.5%22%20y%3D%223.5%22%3E%3C%2Frect%3E%3Crect%20height%3D%227%22%20rx%3D%222%22%20width%3D%227%22%20x%3D%223.5%22%20y%3D%2213.5%22%3E%3C%2Frect%3E%3Cpath%20d%3D%22M17%2014v6M14%2017h6%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
body.postid-17305 #uou-tab-1 .sec.where .cd:nth-child(2) .ic{--uou-permanent-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20fill%3D%22none%22%20height%3D%2222%22%20stroke%3D%22%23FFD98A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.8%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M4%2021a8%208%200%200%201%2016%200%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
body.postid-17305 #uou-tab-1 .sec.where .cd:nth-child(3) .ic{--uou-permanent-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20fill%3D%22none%22%20height%3D%2222%22%20stroke%3D%22%23FFD98A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.8%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M3%2012h18M12%203c2.8%203%202.8%2015%200%2018M12%203c-2.8%203-2.8%2015%200%2018%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}

/* One media sheen only: no card lift, pulsing frame, or image movement. */
#ypg-premium>.uou-featured,
#ypg-premium>.uou-featured:hover,
#ypg-premium>.uou-featured:focus-within{transform:none!important;animation:none!important;transition:none!important;box-shadow:0 20px 48px rgba(0,0,0,.3)!important}
#ytsec.ypx #ypg>.uou-plus-card,
#ytsec.ypx #ypg>.uou-plus-card:hover,
#ytsec.ypx #ypg>.uou-plus-card:focus-within{transform:none!important;animation:none!important;transition:none!important;box-shadow:0 12px 26px rgba(0,0,0,.25)!important}
#ypg-premium>.uou-featured::before,#ypg-premium>.uou-featured::after,
#ytsec.ypx #ypg>.uou-plus-card::before,#ytsec.ypx #ypg>.uou-plus-card::after{animation:none!important;transition:none!important}
#ypg-premium>.uou-featured>.ypx-sh,#ytsec.ypx #ypg>.uou-plus-card>.ypx-sh{display:none!important;animation:none!important}
#ypg-premium>.uou-featured .ypx-im,#ytsec.ypx #ypg>.uou-plus-card .ypx-im{position:relative!important;overflow:hidden!important;isolation:isolate;animation:none!important;transition:none!important}
#ypg-premium>.uou-featured .ypx-pic,#ytsec.ypx #ypg>.uou-plus-card .ypx-pic{z-index:1!important;animation:none!important;transition:none!important;transform:none!important}
#ypg-premium>.uou-featured .ypx-im::after,
#ytsec.ypx #ypg>.uou-plus-card .ypx-im::after{
 content:""!important;display:block!important;position:absolute!important;inset:auto!important;
 top:-50%!important;left:-75%!important;width:50%!important;height:200%!important;z-index:100!important;
 pointer-events:none!important;transform:rotate(25deg)!important;translate:-120% 0;opacity:0;
 background:linear-gradient(120deg,transparent,rgba(255,255,255,.1) 35%,rgba(255,255,255,.35) 50%,rgba(255,255,255,.1) 65%,transparent)!important;
 transition:none!important;animation:uouCleanSheenLoop 4.6s cubic-bezier(.4,0,.2,1) infinite!important;
}
@keyframes uouCleanSheenLoop{
 0%{translate:-120% 0;opacity:0}
 2%{translate:-120% 0;opacity:1}
 22%{translate:420% 0;opacity:1}
 24%,100%{translate:420% 0;opacity:0}
}
@keyframes uouCleanSheenHover{
 0%{translate:-120% 0;opacity:0}
 8%{opacity:1}
 92%{opacity:1}
 100%{translate:420% 0;opacity:0}
}
@media(hover:hover) and (pointer:fine){
 #ypg-premium>.uou-featured .ypx-im::after,#ytsec.ypx #ypg>.uou-plus-card .ypx-im::after{animation:none!important}
 #ypg-premium>.uou-featured:hover .ypx-im::after,#ypg-premium>.uou-featured:focus-within .ypx-im::after,
 #ytsec.ypx #ypg>.uou-plus-card:hover .ypx-im::after,#ytsec.ypx #ypg>.uou-plus-card:focus-within .ypx-im::after{animation:uouCleanSheenHover .9s cubic-bezier(.4,0,.2,1) both!important}
}
@media(prefers-reduced-motion:reduce){
 #ypg-premium>.uou-featured .ypx-im::after,#ypg-premium>.uou-featured:hover .ypx-im::after,#ypg-premium>.uou-featured:focus-within .ypx-im::after,
 #ytsec.ypx #ypg>.uou-plus-card .ypx-im::after,#ytsec.ypx #ypg>.uou-plus-card:hover .ypx-im::after,#ytsec.ypx #ypg>.uou-plus-card:focus-within .ypx-im::after{display:none!important;animation:none!important}
}

/* No automatic sheen on any device; run only while the card is hovered. */
#ypg-premium>.uou-featured .ypx-im::after,
#ypg-premium>.uou-featured:focus-within .ypx-im::after,
#ytsec.ypx #ypg>.uou-plus-card .ypx-im::after,
#ytsec.ypx #ypg>.uou-plus-card:focus-within .ypx-im::after{animation:none!important;opacity:0;translate:-120% 0}
#ypg-premium>.uou-featured:hover .ypx-im::after,
#ytsec.ypx #ypg>.uou-plus-card:hover .ypx-im::after{animation:uouCleanSheenHover .9s cubic-bezier(.4,0,.2,1) both!important}
@media(prefers-reduced-motion:reduce){
 #ypg-premium>.uou-featured:hover .ypx-im::after,
 #ytsec.ypx #ypg>.uou-plus-card:hover .ypx-im::after{display:none!important;animation:none!important}
}

/* Shared editor-independent feature icons for all product detail cards. */
body.single-product #uou-tab-1 .cd .ic[data-uou-icon]{display:flex!important;align-items:center!important;justify-content:center!important;background-image:none!important}
body.single-product #uou-tab-1 .cd .ic[data-uou-icon]::before{content:""!important;display:block!important;position:static!important;width:24px!important;height:24px!important;flex:0 0 24px!important;opacity:1!important;transform:none!important;border:0!important;filter:none!important;mask:none!important;-webkit-mask:none!important;background:var(--uou-card-icon) center/contain no-repeat!important;pointer-events:none!important}
body.single-product #uou-tab-1 .cd .ic[data-uou-icon="user"]{--uou-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20fill%3D%22none%22%20height%3D%2222%22%20stroke%3D%22%23FFD98A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.8%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M4%2021a8%208%200%200%201%2016%200%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
body.single-product #uou-tab-1 .cd .ic[data-uou-icon="phone"]{--uou-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20fill%3D%22none%22%20height%3D%2222%22%20stroke%3D%22%23FFD98A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.8%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2222%22%3E%3Crect%20height%3D%2219%22%20rx%3D%222.5%22%20width%3D%2210%22%20x%3D%227%22%20y%3D%222.5%22%3E%3C%2Frect%3E%3Cpath%20d%3D%22M11%2018.5h2%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
body.single-product #uou-tab-1 .cd .ic[data-uou-icon="apps"]{--uou-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20fill%3D%22none%22%20height%3D%2222%22%20stroke%3D%22%23FFD98A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.8%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2222%22%3E%3Crect%20height%3D%227%22%20rx%3D%222%22%20width%3D%227%22%20x%3D%223.5%22%20y%3D%223.5%22%3E%3C%2Frect%3E%3Crect%20height%3D%227%22%20rx%3D%222%22%20width%3D%227%22%20x%3D%2213.5%22%20y%3D%223.5%22%3E%3C%2Frect%3E%3Crect%20height%3D%227%22%20rx%3D%222%22%20width%3D%227%22%20x%3D%223.5%22%20y%3D%2213.5%22%3E%3C%2Frect%3E%3Cpath%20d%3D%22M17%2014v6M14%2017h6%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
body.single-product #uou-tab-1 .cd .ic[data-uou-icon="shield"]{--uou-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20fill%3D%22none%22%20height%3D%2222%22%20stroke%3D%22%23FFD98A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.8%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2222%22%3E%3Cpath%20d%3D%22M12%203l8%203v5c0%205-3.5%208.5-8%2010-4.5-1.5-8-5-8-10V6z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M8.5%2012l2.5%202.5L15.5%2010%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
body.single-product #uou-tab-1 .cd .ic[data-uou-icon="key"]{--uou-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20fill%3D%22none%22%20height%3D%2222%22%20stroke%3D%22%23FFD98A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.8%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2222%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2215%22%20r%3D%224%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M11%2012l9-9M16%207l3%203%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
body.single-product #uou-tab-1 .cd .ic[data-uou-icon="bolt"]{--uou-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20fill%3D%22none%22%20height%3D%2222%22%20stroke%3D%22%23FFD98A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.8%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2222%22%3E%3Cpath%20d%3D%22M13%202L5%2014h6l-1%208%208-12h-6z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
body.single-product #uou-tab-1 .cd .ic[data-uou-icon="globe"]{--uou-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20fill%3D%22none%22%20height%3D%2222%22%20stroke%3D%22%23FFD98A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.8%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M3%2012h18M12%203c2.8%203%202.8%2015%200%2018M12%203c-2.8%203-2.8%2015%200%2018%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
body.single-product #uou-tab-1 .cd .ic[data-uou-icon="devices"]{--uou-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FFD98A%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%2215%22%20height%3D%2211%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M6%2018h7m-3-4v4%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%2210%22%20width%3D%225%22%20height%3D%2211%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E")}

/* Native full-card product link, with the purchase action above it. */
#ypg-premium>.uou-featured>.uou-card-open,#ytsec.ypx #ypg>.uou-plus-card>.uou-card-open{display:block!important;position:absolute!important;inset:0!important;z-index:20!important;border-radius:inherit;cursor:pointer;background:none!important}
#ypg-premium>.uou-featured .ypx-bd,#ytsec.ypx #ypg>.uou-plus-card .ypx-bd{z-index:auto!important}
#ypg-premium>.uou-featured .ypx-ad,#ytsec.ypx #ypg>.uou-plus-card .ypx-ad{position:relative!important;z-index:30!important}
#ypg-premium>.uou-featured .ypx-tag,#ytsec.ypx #ypg>.uou-plus-card .ypx-tag{pointer-events:none!important}
#ypg-premium>.uou-featured>.uou-card-open:focus-visible,#ytsec.ypx #ypg>.uou-plus-card>.uou-card-open:focus-visible{outline:3px solid #FFD98A!important;outline-offset:-4px!important}
/* Stop remaining child animations and decorative light effects. */
#ypg-premium>.uou-featured *,#ytsec.ypx #ypg>.uou-plus-card *{animation:none!important;transition:none!important}
#ypg-premium>.uou-featured::before,#ytsec.ypx #ypg>.uou-plus-card::before,
#ypg-premium>.uou-featured .ypx-im::before,#ytsec.ypx #ypg>.uou-plus-card .ypx-im::before{display:none!important;animation:none!important}
#ypg-premium>.uou-featured .ypx-im::after,#ytsec.ypx #ypg>.uou-plus-card .ypx-im::after{filter:none!important;box-shadow:none!important;border-radius:0!important;mask:none!important;-webkit-mask:none!important;backface-visibility:hidden}

/* Shared icons in every product tab. */

body.single-product .panel .cd .ic[data-uou-icon]{display:flex!important;align-items:center!important;justify-content:center!important;background-image:none!important}
body.single-product .panel .cd .ic[data-uou-icon]::before{content:""!important;display:block!important;position:static!important;width:24px!important;height:24px!important;flex:0 0 24px!important;opacity:1!important;transform:none!important;border:0!important;filter:none!important;mask:none!important;-webkit-mask:none!important;background:var(--uou-card-icon) center/contain no-repeat!important;pointer-events:none!important}
body.single-product .panel .cd .ic[data-uou-icon="user"]{--uou-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20fill%3D%22none%22%20height%3D%2222%22%20stroke%3D%22%23FFD98A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.8%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M4%2021a8%208%200%200%201%2016%200%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
body.single-product .panel .cd .ic[data-uou-icon="phone"]{--uou-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20fill%3D%22none%22%20height%3D%2222%22%20stroke%3D%22%23FFD98A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.8%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2222%22%3E%3Crect%20height%3D%2219%22%20rx%3D%222.5%22%20width%3D%2210%22%20x%3D%227%22%20y%3D%222.5%22%3E%3C%2Frect%3E%3Cpath%20d%3D%22M11%2018.5h2%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
body.single-product .panel .cd .ic[data-uou-icon="apps"]{--uou-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20fill%3D%22none%22%20height%3D%2222%22%20stroke%3D%22%23FFD98A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.8%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2222%22%3E%3Crect%20height%3D%227%22%20rx%3D%222%22%20width%3D%227%22%20x%3D%223.5%22%20y%3D%223.5%22%3E%3C%2Frect%3E%3Crect%20height%3D%227%22%20rx%3D%222%22%20width%3D%227%22%20x%3D%2213.5%22%20y%3D%223.5%22%3E%3C%2Frect%3E%3Crect%20height%3D%227%22%20rx%3D%222%22%20width%3D%227%22%20x%3D%223.5%22%20y%3D%2213.5%22%3E%3C%2Frect%3E%3Cpath%20d%3D%22M17%2014v6M14%2017h6%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
body.single-product .panel .cd .ic[data-uou-icon="shield"]{--uou-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20fill%3D%22none%22%20height%3D%2222%22%20stroke%3D%22%23FFD98A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.8%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2222%22%3E%3Cpath%20d%3D%22M12%203l8%203v5c0%205-3.5%208.5-8%2010-4.5-1.5-8-5-8-10V6z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M8.5%2012l2.5%202.5L15.5%2010%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
body.single-product .panel .cd .ic[data-uou-icon="key"]{--uou-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20fill%3D%22none%22%20height%3D%2222%22%20stroke%3D%22%23FFD98A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.8%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2222%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2215%22%20r%3D%224%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M11%2012l9-9M16%207l3%203%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
body.single-product .panel .cd .ic[data-uou-icon="bolt"]{--uou-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20fill%3D%22none%22%20height%3D%2222%22%20stroke%3D%22%23FFD98A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.8%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2222%22%3E%3Cpath%20d%3D%22M13%202L5%2014h6l-1%208%208-12h-6z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
body.single-product .panel .cd .ic[data-uou-icon="globe"]{--uou-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20fill%3D%22none%22%20height%3D%2222%22%20stroke%3D%22%23FFD98A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.8%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M3%2012h18M12%203c2.8%203%202.8%2015%200%2018M12%203c-2.8%203-2.8%2015%200%2018%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
body.single-product .panel .cd .ic[data-uou-icon="devices"]{--uou-card-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FFD98A%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%2215%22%20height%3D%2211%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M6%2018h7m-3-4v4%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%2210%22%20width%3D%225%22%20height%3D%2211%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E")}


/* Product navigation is limited to media and the title. */
#ypg-premium>.uou-featured .uou-card-open,#ypg .uou-plus-card .uou-card-open{display:none!important}
#ypg-premium .uou-card-title,#ypg .uou-card-title{color:inherit!important;font:inherit!important;line-height:inherit!important;text-decoration:none!important;cursor:pointer}
#ypg-premium .uou-card-title:focus-visible,#ypg .uou-card-title:focus-visible{outline:2px solid #FFD98A;outline-offset:3px}