/*
 * YOORshop v2026 — grille tarifaire Gold commerciale
 * Fichier dédié chargé uniquement par : SSD France FR/EN, SSD Canada FR/EN,
 * Cloud France FR/EN et Revendeur FR/EN.
 * Aucun sélecteur global hors du scope .ys26-product-gold-pricing.
 */

/* YOORSHOP SSD/CLOUD/RESELLER FR+EN — PRICING GOLD COMMERCIAL V1 START
 * Scope strict: huit pages portant .ys26-product-gold-pricing seulement.
 */
.ys26-product-gold-pricing .ys26-product-plans{
  position:relative;
  isolation:isolate;
  padding:78px 0 34px;
  background:
    radial-gradient(circle at 50% 40%,rgba(0,126,255,.16),transparent 42%),
    linear-gradient(180deg,rgba(1,12,31,.10),rgba(1,10,27,.38));
}
.ys26-product-gold-pricing .ys26-product-plans::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 88%,rgba(0,119,255,.13),transparent 22%),
    radial-gradient(circle at 82% 88%,rgba(0,119,255,.10),transparent 20%);
}
.ys26-product-gold-pricing .ys26-product-plans>.ys26-product-wrap{
  width:min(1510px,calc(100% - 44px));
}
.ys26-product-gold-pricing .ys26-product-plan-grid{
  gap:18px;
  align-items:stretch;
  padding:18px 0 10px;
}
.ys26-product-gold-pricing .ys26-product-plan-card{
  isolation:isolate;
  overflow:visible;
  min-height:590px;
  padding:30px 24px 24px;
  border:1px solid rgba(49,151,255,.72);
  border-radius:20px;
  background:
    linear-gradient(160deg,rgba(18,67,126,.45),rgba(3,20,49,.18) 34%),
    linear-gradient(180deg,#071e43 0%,#03142f 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -28px 45px rgba(0,76,174,.10),
    0 18px 52px rgba(0,7,24,.42),
    0 0 18px rgba(0,126,255,.08);
  transform:translateZ(0);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.ys26-product-gold-pricing .ys26-product-plan-card::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(125deg,rgba(255,255,255,.07),transparent 22%),
    linear-gradient(180deg,transparent 72%,rgba(0,107,255,.09));
}
.ys26-product-gold-pricing .ys26-product-plan-card::after{
  content:"";
  position:absolute;
  z-index:2;
  right:18%;
  bottom:-2px;
  left:18%;
  height:3px;
  pointer-events:none;
  border-radius:999px;
  background:#168cff;
  box-shadow:0 0 8px #168cff,0 0 23px rgba(22,140,255,.92);
}
.ys26-product-gold-pricing .ys26-product-plan-card>*{
  position:relative;
  z-index:1;
}
.ys26-product-gold-pricing .ys26-product-plan-card:hover{
  border-color:#4eb2ff;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -28px 45px rgba(0,76,174,.14),
    0 22px 60px rgba(0,7,24,.48),
    0 0 30px rgba(0,126,255,.18);
  transform:translateY(-4px);
}
.ys26-product-gold-pricing .ys26-product-plan-card h3{
  position:relative;
  margin:0 0 14px;
  padding-top:48px;
  color:#fff;
  font-size:29px;
  line-height:1.08;
  font-weight:850;
  letter-spacing:-.025em;
  text-shadow:0 3px 14px rgba(0,0,0,.36);
}
.ys26-product-gold-pricing .ys26-product-plan-card h3::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:38px;
  height:38px;
  transform:translateX(-50%);
  background:#35a7ff;
  filter:drop-shadow(0 0 8px rgba(31,149,255,.88));
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M32 4 55 16 32 28 9 16 32 4Zm-23 19 23 12 23-12v10L32 45 9 33V23Zm0 17 23 12 23-12v9L32 61 9 49v-9Z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M32 4 55 16 32 28 9 16 32 4Zm-23 19 23 12 23-12v10L32 45 9 33V23Zm0 17 23 12 23-12v9L32 61 9 49v-9Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.ys26-product-gold-pricing .ys26-product-discount{
  min-width:70px;
  padding:7px 13px;
  border:1px solid rgba(255,224,64,.88);
  border-radius:9px;
  color:#06162b;
  background:linear-gradient(180deg,#ffe749,#ffc400);
  font-size:14px;
  line-height:1;
  font-weight:900;
  box-shadow:0 5px 14px rgba(255,196,0,.19),inset 0 1px 0 rgba(255,255,255,.55);
}
.ys26-product-gold-pricing .ys26-product-plan-card del{
  margin-top:13px;
  color:#8fa1b8;
  font-size:16px;
  text-decoration-thickness:1px;
}
.ys26-product-gold-pricing .ys26-product-price{
  margin:10px 0 24px;
}
.ys26-product-gold-pricing .ys26-product-price strong{
  color:#fff;
  font-size:42px;
  line-height:1;
  font-weight:880;
  letter-spacing:-.035em;
  text-shadow:0 4px 18px rgba(0,0,0,.42);
}
.ys26-product-gold-pricing .ys26-product-price small{
  margin-top:8px;
  color:#d3e2f2;
  font-size:13px;
}
.ys26-product-gold-pricing .ys26-product-plan-card ul{
  gap:12px;
  margin-bottom:26px;
  padding-top:22px;
  border-top-color:rgba(79,157,236,.27);
}
.ys26-product-gold-pricing .ys26-product-plan-card li{
  min-height:25px;
  gap:11px;
  color:#eef6ff;
  font-size:14px;
  line-height:1.35;
}
.ys26-product-gold-pricing .ys26-plan-icon{
  color:#42aaff;
  filter:drop-shadow(0 0 4px rgba(35,148,255,.36));
}
.ys26-product-gold-pricing .ys26-product-plan-card>a{
  position:relative;
  min-height:52px;
  border-color:rgba(54,163,255,.70);
  border-radius:10px;
  background:linear-gradient(180deg,rgba(11,52,105,.94),rgba(4,27,62,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 22px rgba(0,5,19,.27),0 0 15px rgba(0,123,255,.08);
  font-size:15px;
  font-weight:850;
  letter-spacing:.005em;
}
.ys26-product-gold-pricing .ys26-product-plan-card>a::after{
  content:"→";
  margin-left:auto;
  color:#36a8ff;
  font-size:22px;
  line-height:1;
}
.ys26-product-gold-pricing .ys26-product-plan-featured{
  z-index:3;
  margin-top:-12px;
  margin-bottom:-12px;
  padding-top:42px;
  border-color:#ffc93a;
  background:
    radial-gradient(circle at 50% 32%,rgba(255,175,0,.13),transparent 34%),
    linear-gradient(145deg,rgba(117,69,5,.24),transparent 34%),
    linear-gradient(180deg,#0a1b35 0%,#071426 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,244,192,.32),
    inset 0 0 34px rgba(255,166,0,.08),
    0 22px 64px rgba(0,7,24,.52),
    0 0 0 2px rgba(255,184,28,.26),
    0 0 30px rgba(255,174,0,.24);
}
.ys26-product-gold-pricing .ys26-product-plan-featured::before{
  background:
    linear-gradient(125deg,rgba(255,225,139,.09),transparent 24%),
    radial-gradient(circle at 48% 28%,rgba(255,184,37,.11),transparent 34%),
    linear-gradient(180deg,transparent 70%,rgba(255,162,0,.10));
}
.ys26-product-gold-pricing .ys26-product-plan-featured::after{
  right:14%;
  left:14%;
  background:#ffc128;
  box-shadow:0 0 9px #ffc128,0 0 28px rgba(255,174,0,.95);
}
.ys26-product-gold-pricing .ys26-product-plan-featured h3::before{
  background:#ffbd16;
  filter:drop-shadow(0 0 10px rgba(255,177,0,.90));
}
.ys26-product-gold-pricing .ys26-product-plan-featured .ys26-product-discount{
  border-color:#ffd762;
  background:linear-gradient(180deg,#ffe55b,#ffb900);
  box-shadow:0 5px 17px rgba(255,171,0,.28),inset 0 1px 0 rgba(255,255,255,.62);
}
.ys26-product-gold-pricing .ys26-product-plan-featured .ys26-product-price strong{
  color:#fff4d2;
  text-shadow:0 0 10px rgba(255,188,40,.66),0 0 28px rgba(255,161,0,.34);
}
.ys26-product-gold-pricing .ys26-product-plan-featured .ys26-plan-icon{
  color:#ffc129;
  filter:drop-shadow(0 0 4px rgba(255,184,19,.42));
}
.ys26-product-gold-pricing .ys26-product-plan-featured>a{
  border-color:#ffe35a!important;
  color:#07162c!important;
  background:linear-gradient(180deg,#ffe35b 0%,#ffbc0a 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 8px 25px rgba(255,158,0,.24),0 0 19px rgba(255,184,0,.22)!important;
}
.ys26-product-gold-pricing .ys26-product-plan-featured>a::after{
  color:#07162c;
}
.ys26-product-gold-pricing .ys26-product-popular{
  top:-22px;
  width:178px;
  min-width:0;
  padding:10px 25px 10px 46px;
  border:1px solid #ffe77d;
  border-radius:0;
  clip-path:polygon(10% 0,90% 0,100% 50%,90% 100%,10% 100%,0 50%);
  color:#fff8e2;
  background:linear-gradient(180deg,#ffc83d,#d78a00);
  font-size:12px;
  letter-spacing:.04em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 0 20px rgba(255,172,0,.42),0 8px 20px rgba(0,0,0,.32);
}
.ys26-product-gold-pricing .ys26-product-popular::before{
  content:"★";
  position:absolute;
  left:20px;
  top:50%;
  transform:translateY(-52%);
  color:#fff;
  font-size:15px;
}
.ys26-product-gold-pricing .ys26-product-tax-note{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:24px;
  color:#9fb4ca;
  font-size:13px;
}
.ys26-product-gold-pricing .ys26-product-tax-note::before{
  content:"✓";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  border:1px solid #39a7ff;
  border-radius:50%;
  color:#54b6ff;
  font-size:12px;
  font-weight:900;
}
@media(max-width:1260px){
  .ys26-product-gold-pricing .ys26-product-plans>.ys26-product-wrap{width:min(1180px,calc(100% - 38px))}
  .ys26-product-gold-pricing .ys26-product-plan-card{min-height:570px}
  .ys26-product-gold-pricing .ys26-product-plan-featured{margin:0}
}
@media(max-width:960px){
  .ys26-product-gold-pricing .ys26-product-plan-card{min-height:0}
}
@media(max-width:760px){
  .ys26-product-gold-pricing .ys26-product-plans{padding:52px 0 20px}
  .ys26-product-gold-pricing .ys26-product-plans>.ys26-product-wrap{width:calc(100% - 24px)}
  .ys26-product-gold-pricing .ys26-product-plan-grid{gap:20px;padding-top:10px}
  .ys26-product-gold-pricing .ys26-product-plan-card,
  .ys26-product-gold-pricing .ys26-product-plan-featured{margin:0;padding:28px 22px 22px;border-radius:17px}
  .ys26-product-gold-pricing .ys26-product-plan-featured{padding-top:40px}
  .ys26-product-gold-pricing .ys26-product-plan-card h3{font-size:27px}
  .ys26-product-gold-pricing .ys26-product-price strong{font-size:39px}
  .ys26-product-gold-pricing .ys26-product-popular{top:-16px;width:170px}
}
/* YOORSHOP SSD/CLOUD/RESELLER FR+EN — PRICING GOLD COMMERCIAL V1 END */