.shine-v17-brand-widget{--brand-primary:#FF6699;--brand-primary-soft:rgba(255,102,153,.14);--brand-text:#2b2427;--brand-muted:#8f7e86;--brand-line:rgba(101,91,96,.10);width:100%;margin-block:24px;padding:24px 20px;position:relative;overflow:hidden;direction:rtl;border:1px solid var(--brand-line)!important;border-radius:28px!important;background:linear-gradient(155deg,#fff 0%,#faf6f8 56%,#f1e8eb 100%)!important;box-shadow:0 14px 42px rgba(45,29,37,.055)!important;} .shine-v17-brand-widget:before,.shine-v17-brand-widget:after{content:"";position:absolute;border-radius:50%;pointer-events:none;} .shine-v17-brand-widget:before{width:150px;height:150px;left:-82px;top:-58px;border:1px solid rgba(255,102,153,.17);box-shadow:0 0 0 18px rgba(255,102,153,.035),0 0 0 42px rgba(255,102,153,.02);} .shine-v17-brand-widget:after{width:86px;height:86px;right:-36px;bottom:28px;background:radial-gradient(circle,rgba(255,120,166,.12),rgba(255,120,166,0) 68%);} .shine-v17-brand-widget .shine-v17-widget-inner{position:relative;z-index:1;min-width:0} .shine-v17-brand-widget .shine-v17-widget-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px;text-align:right;} .shine-v17-brand-widget .shine-v17-widget-head>div:first-child{min-width:0} .shine-v17-brand-widget .shine-v17-widget-head h3{margin:0;color:var(--brand-text)!important;font-size:clamp(21px,2.4vw,30px)!important;line-height:1.35;font-weight:950;letter-spacing:-.035em;} .shine-v17-brand-widget .shine-v17-widget-head h3:after{content:"";display:block;width:42px;height:3px;margin-top:12px;border-radius:99px;background:var(--brand-primary);} .shine-v17-brand-widget .shine-v17-widget-head p{margin:7px 0 0!important;color:var(--brand-muted)!important;font-size:9px!important;line-height:1.9;} .shine-v17-brand-widget .shine-v17-eyebrow{display:block;margin:0 0 7px;color:var(--brand-primary)!important;font-size:9px;line-height:1;font-weight:950;letter-spacing:1.8px;} .shine-v17-brand-widget .shine-v17-widget-arrows{display:flex;gap:6px;flex:0 0 auto} .shine-v17-brand-widget .shine-v17-widget-arrows button{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(101,91,96,.10)!important;border-radius:14px!important;background:rgba(255,255,255,.86)!important;color:var(--brand-primary)!important;box-shadow:0 8px 22px rgba(45,29,37,.035);cursor:pointer;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,border-color .25s;} .shine-v17-brand-widget .shine-v17-widget-arrows button:hover{transform:translateY(-2px);border-color:rgba(255,102,153,.25)!important;box-shadow:0 12px 26px rgba(45,29,37,.07);} .shine-v17-brand-widget .shine-v17-widget-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;min-width:0;overflow:visible;} .shine-v17-brand-card{min-width:0;min-height:112px;position:relative;display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:column;padding:15px 10px;border:1px solid rgba(101,91,96,.09)!important;border-radius:20px!important;background:rgba(255,255,255,.82)!important;color:var(--brand-text)!important;text-decoration:none!important;box-shadow:0 9px 25px rgba(48,31,40,.035);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s,background .3s;} .shine-v17-brand-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(145deg,rgba(255,255,255,.55),rgba(255,102,153,.025));opacity:0;transition:opacity .3s;} .shine-v17-brand-card:hover{transform:translateY(-4px);border-color:rgba(255,102,153,.22)!important;background:#fff!important;box-shadow:0 15px 32px rgba(48,31,40,.075);} .shine-v17-brand-card:hover:before{opacity:1} .shine-v17-brand-card img,.shine-v17-brand-card>span{position:relative;z-index:1;width:52px!important;height:52px!important;padding:8px;object-fit:contain;border-radius:15px!important;background:#fff!important;border:1px solid rgba(101,91,96,.08);box-shadow:0 7px 18px rgba(45,29,37,.045);} .shine-v17-brand-card>span{display:grid;place-items:center;color:var(--brand-primary)!important;font-size:19px;font-weight:950;} .shine-v17-brand-card b{position:relative;z-index:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--brand-text)!important;font-size:10px;font-weight:850;} @media(max-width:1100px){.shine-v17-brand-widget .shine-v17-widget-track{grid-template-columns:repeat(5,minmax(0,1fr))}} @media(max-width:900px){.shine-v17-brand-widget .shine-v17-widget-track{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:767px){.shine-v17-brand-widget{margin-block:16px;padding:18px 17px 15px!important;border-radius:22px!important;} .shine-v17-brand-widget .shine-v17-widget-head{align-items:flex-start;gap:14px;margin-bottom:13px;} .shine-v17-brand-widget .shine-v17-widget-head h3{font-size:21px!important} .shine-v17-brand-widget .shine-v17-widget-head p{font-size:8px!important} .shine-v17-brand-widget .shine-v17-widget-arrows button{width:38px;height:38px;border-radius:12px!important} .shine-v17-brand-widget .shine-v17-widget-track{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 1px 7px;} .shine-v17-brand-widget .shine-v17-widget-track::-webkit-scrollbar{display:none} .shine-v17-brand-card{flex:0 0 104px;min-height:104px;padding:13px 8px;border-radius:18px!important;scroll-snap-align:start;} .shine-v17-brand-card img,.shine-v17-brand-card>span{width:46px!important;height:46px!important;padding:7px;border-radius:13px!important} .shine-v17-brand-card b{font-size:9px}}
