:root{--gb-pink: #FF6B8B;--gb-lavender: #8A84E2;--gb-dark: #1a1a2e;--gb-bg: #0f0f1e;--gb-text: #f0f0f0;--gb-card-bg: #1e1e32;--gb-border: rgba(255,255,255,.08);--gb-insta-gradient: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);--gb-tiktok-gradient: linear-gradient(135deg, #010101 0%, #69C9D0 50%, #EE1D52 100%);--gb-youtube-color: #FF0000}.gb-sns-section{background:var(--gb-bg);padding:var(--section-padding-top, 60px) 0 var(--section-padding-bottom, 60px)}.gb-sns-feed{width:100%}.gb-sns-feed__inner{max-width:1200px;margin:0 auto;padding:0 2rem}.gb-sns-feed__header{text-align:center;margin-bottom:2.5rem}.gb-sns-feed__badge{display:inline-flex;align-items:center;gap:.5rem;background:#ff6b8b1f;border:1px solid rgba(255,107,139,.3);color:var(--gb-pink);font-size:.72rem;font-weight:700;letter-spacing:.12em;padding:.35rem .9rem;border-radius:100px;text-transform:uppercase;margin-bottom:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gb-sns-badge-dot{width:6px;height:6px;background:var(--gb-pink);border-radius:50%;animation:gb-pulse 1.5s ease-in-out infinite}@keyframes gb-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.gb-sns-feed__title{font-family:Montserrat,sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;color:#fff;line-height:1.1;margin:0 0 .8rem}.gb-sns-feed__title-highlight{color:var(--gb-pink)}.gb-sns-feed__desc{font-size:.95rem;color:#ffffff8c;margin:0 0 2rem}.gb-sns-tabs{display:inline-flex;gap:.5rem;background:#ffffff0d;border:1px solid var(--gb-border);border-radius:100px;padding:.35rem}.gb-sns-tab{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:none;color:#ffffff80;font-size:.82rem;font-weight:600;padding:.5rem 1.2rem;border-radius:100px;cursor:pointer;transition:all .25s ease;white-space:nowrap}.gb-sns-tab:hover{color:#fff;background:#ffffff14}.gb-sns-tab--active{background:var(--gb-pink);color:#fff!important;box-shadow:0 2px 12px #ff6b8b59}.gb-sns-tab[data-tab=tiktok].gb-sns-tab--active{background:linear-gradient(135deg,#010101,#69c9d0 60%,#ee1d52);box-shadow:0 2px 12px #ee1d524d}.gb-sns-tab[data-tab=youtube].gb-sns-tab--active{background:red;box-shadow:0 2px 12px #ff000059}.gb-sns-panel{display:none;animation:gb-fadeIn .3s ease}.gb-sns-panel--active{display:block}@keyframes gb-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.gb-sns-feed__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-bottom:2rem}.gb-sns-feed__grid--tiktok{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.gb-sns-card{background:var(--gb-card-bg);border:1px solid var(--gb-border);border-radius:16px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;display:block;text-decoration:none;color:#fff}.gb-sns-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0006}.gb-sns-card--instagram:hover{box-shadow:0 12px 32px #dc274340;border-color:#dc27434d}.gb-sns-card--tiktok:hover{box-shadow:0 12px 32px #ee1d5240;border-color:#69c9d04d}.gb-sns-card--youtube:hover{box-shadow:0 12px 32px #ff000040;border-color:#ff00004d}.gb-sns-card__media{position:relative;width:100%;padding-top:100%;overflow:hidden;background:#111}.gb-sns-card__media--vertical{padding-top:177.78%}.gb-sns-card__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.gb-sns-card:hover .gb-sns-card__media img{transform:scale(1.05)}.gb-sns-card__video-wrap{position:relative;width:100%;height:100%}.gb-sns-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 50%);opacity:0;transition:opacity .25s ease;display:flex;align-items:flex-end;justify-content:space-between;padding:.75rem}.gb-sns-card:hover .gb-sns-card__overlay{opacity:1}.gb-sns-card__stats{display:flex;gap:.75rem;color:#fff;font-size:.8rem;font-weight:600}.gb-sns-card__stats span{display:flex;align-items:center;gap:.25rem}.gb-sns-card__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .2s ease,background .2s ease}.gb-youtube-play{width:56px;height:56px;background:#ff0000d9}.gb-sns-card:hover .gb-sns-card__play-btn{transform:translate(-50%,-50%) scale(1.1);background:#000c}.gb-tiktok-icon{position:absolute;top:.75rem;right:.75rem;width:36px;height:36px;background:#0009;border-radius:8px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gb-sns-card__caption{padding:.75rem 1rem;border-top:1px solid var(--gb-border)}.gb-sns-card__caption p{font-size:.82rem;color:#ffffffb3;margin:0;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.gb-youtube-title{font-weight:600;color:#fff!important;margin-bottom:.25rem!important;-webkit-line-clamp:2!important}.gb-youtube-views{font-size:.75rem;color:#fff6}.gb-tiktok-embed-wrap{max-width:100%;overflow:hidden}.gb-sns-card--tiktok .gb-sns-card__link{display:block;text-decoration:none;color:#fff}.gb-youtube-thumb{position:relative;width:100%;cursor:pointer}.gb-youtube-thumb img{width:100%;height:100%;object-fit:cover;display:block}.gb-sns-embed-placeholder{grid-column:1 / -1;min-height:200px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border-radius:16px;border:1px dashed var(--gb-border)}.gb-sns-embed-loading{text-align:center;color:#fff6}.gb-sns-embed-loading p{margin-top:.75rem;font-size:.85rem}.gb-sns-spinner{width:36px;height:36px;border:3px solid rgba(255,107,139,.2);border-top-color:var(--gb-pink);border-radius:50%;animation:gb-spin .8s linear infinite;margin:0 auto}.gb-sns-spinner--tiktok{border-top-color:#ee1d52;border-color:#69c9d033}@keyframes gb-spin{to{transform:rotate(360deg)}}.gb-sns-embed-custom{width:100%;overflow:hidden;border-radius:12px;margin-bottom:1.5rem}.gb-sns-feed__footer{display:flex;justify-content:center;padding-top:.5rem}.gb-sns-follow-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.75rem;border-radius:100px;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .25s ease;letter-spacing:.02em}.gb-sns-follow-btn--instagram{background:var(--gb-insta-gradient);color:#fff;box-shadow:0 4px 16px #dc27434d}.gb-sns-follow-btn--instagram:hover{transform:translateY(-2px);box-shadow:0 8px 24px #dc274373}.gb-sns-follow-btn--tiktok{background:linear-gradient(135deg,#010101,#2a2a2a,#ee1d52);color:#fff;box-shadow:0 4px 16px #ee1d524d}.gb-sns-follow-btn--tiktok:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ee1d5273}.gb-sns-follow-btn--youtube{background:red;color:#fff;box-shadow:0 4px 16px #ff00004d}.gb-sns-follow-btn--youtube:hover{transform:translateY(-2px);background:#c00;box-shadow:0 8px 24px #ff000073}@media(max-width:768px){.gb-sns-feed__inner{padding:0 1rem}.gb-sns-feed__grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.gb-sns-feed__grid--tiktok{grid-template-columns:repeat(2,1fr)}.gb-sns-tabs{flex-wrap:wrap;justify-content:center}.gb-sns-tab{font-size:.78rem;padding:.4rem .9rem}}@media(max-width:480px){.gb-sns-feed__grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.gb-sns-feed__title{font-size:1.8rem}}@media(min-width:1024px){.gb-sns-feed__grid,.gb-sns-feed__grid--tiktok{grid-template-columns:repeat(4,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/gripb-sns-feed.css.map */