.social-builds-page{padding:24px 0 80px!important;min-height:60vh;background:var(--bg-primary)}.social-builds-page .container{max-width:1400px;margin:0 auto;padding:0 24px!important}.social-builds__header{display:flex;flex-direction:column;gap:clamp(0.5rem,1vw,0.75rem);padding-bottom:clamp(1rem,2vw,1.25rem);margin-bottom:clamp(1.25rem,2.5vw,1.5rem);border-bottom:2px solid var(--accent)}.social-builds__title{font-size:clamp(1.625rem,3vw + 0.25rem,2.25rem);font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.social-builds__subtitle{font-size:clamp(0.9375rem,1.5vw + 0.25rem,1.0625rem);color:var(--text-secondary);margin:0;line-height:1.6;max-width:700px}.social-builds__section{margin-bottom:clamp(2rem,4vw,3rem)}.social-builds__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:clamp(1.5rem,3vw,2rem)}.social-builds__card{background-color:var(--bg-secondary);border-radius:12px;overflow:hidden;border:1px solid var(--border-color);transition:all 0.3s ease}.social-builds__card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.15)}.social-builds__card--expanded{border-color:var(--accent);box-shadow:0 8px 24px rgba(0,0,0,0.15);transform:none}.social-builds__card-front{cursor:pointer}.social-builds__thumbnail{position:relative;aspect-ratio:16 / 9;overflow:hidden;background-color:var(--bg-tertiary)}.social-builds__thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.social-builds__card:hover .social-builds__thumbnail img{transform:scale(1.05)}.social-builds__thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);color:var(--text-muted)}.social-builds__expand-indicator{position:absolute;bottom:0.75rem;right:0.75rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.6);border-radius:50%;color:white;opacity:0;transform:translateY(4px);transition:all 0.2s ease}.social-builds__card:hover .social-builds__expand-indicator{opacity:1;transform:translateY(0)}.social-builds__expand-indicator svg{transition:transform 0.3s ease}.social-builds__expand-indicator--active svg{transform:rotate(180deg)}.social-builds__card-content{padding:1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:0.5rem}.social-builds__build-number{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--accent)}.social-builds__card-title{font-size:clamp(1.125rem,2vw,1.25rem);font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.social-builds__description{font-size:0.875rem;color:var(--text-secondary);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.social-builds__price{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700;color:var(--accent);margin-top:0.25rem}.social-builds__video-links{display:flex;align-items:center;gap:0.75rem;margin-top:0.75rem;padding-top:0.75rem;border-top:1px solid var(--border-color)}.social-builds__video-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background-color:var(--bg-tertiary);color:var(--text-secondary);text-decoration:none;transition:all 0.2s ease}.social-builds__video-link:hover{transform:scale(1.1)}.social-builds__video-link--tiktok:hover{background-color:#010101;color:#fff}.social-builds__video-icon--tiktok{color:inherit}.social-builds__video-link--youtube:hover{background-color:#ff0000;color:#fff}.social-builds__video-icon--youtube{color:inherit}.social-builds__video-link--instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.social-builds__video-icon--instagram{color:inherit}.social-builds__components{background-color:var(--bg-tertiary);border-top:1px solid var(--border-color);padding:1.5rem}.social-builds__components-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;display:flex;align-items:center;gap:0.5rem}.social-builds__components-list{display:flex;flex-direction:column;gap:0.25rem}.social-builds__component-row{display:flex;align-items:center;gap:0.5rem;padding:0.375rem 0.5rem;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color);transition:border-color 0.2s ease}.social-builds__component-row:hover{border-color:var(--accent)}.social-builds__component-image{width:32px;height:32px;flex-shrink:0;background:var(--bg-primary);border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}.social-builds__component-image img{max-width:100%;max-height:100%;object-fit:contain}.social-builds__component-image-placeholder{color:var(--text-muted)}.social-builds__component-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:0.125rem}.social-builds__component-row .social-builds__component-type{font-size:0.625rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);width:auto;white-space:normal}.social-builds__component-row .social-builds__component-name{font-size:0.8125rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-builds__component-row .social-builds__component-price{font-size:0.8125rem;font-weight:600;color:var(--accent);flex-shrink:0;white-space:nowrap}.social-builds__total-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0.75rem 0;margin-top:0.75rem;border-top:2px solid var(--border-color)}.social-builds__total-row .social-builds__total-label{font-size:0.9375rem;font-weight:600;color:var(--text-primary)}.social-builds__total-row .social-builds__total-price{font-size:1.25rem;font-weight:700;color:var(--accent)}.social-builds__components-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.social-builds__components-table{width:100%;border-collapse:collapse;font-size:0.875rem}.social-builds__components-table tbody tr{border-bottom:1px solid var(--border-color)}.social-builds__components-table tbody tr:last-child{border-bottom:none}.social-builds__components-table td{padding:0.625rem 0.5rem;vertical-align:middle}.social-builds__components-table td:first-child{padding-left:0}.social-builds__components-table td:last-child{padding-right:0;text-align:right}.social-builds__component-type{font-weight:500;color:var(--text-secondary);white-space:nowrap;width:90px}.social-builds__component-name{color:var(--text-primary);word-break:break-word}.social-builds__component-price{color:var(--text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums}.social-builds__components-table tfoot tr{border-top:2px solid var(--border-color)}.social-builds__components-table tfoot td{padding-top:0.875rem}.social-builds__total-label{font-weight:600;color:var(--text-primary)}.social-builds__total-price{font-weight:700;color:var(--accent);font-size:1rem}.social-builds__cta{margin-top:1.25rem;display:flex;justify-content:center}.social-builds__cta .btn{display:inline-flex;align-items:center;gap:0.5rem}.social-builds__empty{text-align:center;padding:clamp(3rem,6vw,5rem) 1rem;color:var(--text-secondary);background-color:var(--bg-secondary);border-radius:12px;border:1px dashed var(--border-color)}.social-builds__empty p{margin:0;font-size:1rem}.social-builds__js-notice{text-align:center;padding:1rem;margin-top:1.5rem;font-size:0.875rem;color:var(--text-muted);background-color:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.social-builds__thumbnail .build-card__component-grid{display:grid;gap:4px;width:100%;height:100%;background:var(--bg-tertiary);padding:8px;border-radius:inherit}.social-builds__thumbnail .build-card__component-grid[data-count="1"]{grid-template-columns:1fr}.social-builds__thumbnail .build-card__component-grid[data-count="2"]{grid-template-columns:repeat(2,1fr)}.social-builds__thumbnail .build-card__component-grid[data-count="3"]{grid-template-columns:repeat(3,1fr)}.social-builds__thumbnail .build-card__component-grid[data-count="4"]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.social-builds__thumbnail .build-card__component-grid[data-count="5"],.social-builds__thumbnail .build-card__component-grid[data-count="6"]{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.social-builds__thumbnail .build-card__component-grid[data-count="7"],.social-builds__thumbnail .build-card__component-grid[data-count="8"]{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.social-builds__thumbnail .build-card__component-item{display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:6px;padding:6px;aspect-ratio:1;overflow:hidden}.social-builds__thumbnail .build-card__component-item img{max-width:100%;max-height:100%;object-fit:contain}.social-builds__thumbnail .build-card__component-overflow{display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--text-secondary);font-size:0.875rem;font-weight:500;border-radius:6px}.social-builds__thumbnail .social-builds__expand-indicator{position:absolute;bottom:8px;right:8px;z-index:2}.social-builds-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1.5rem;font-size:0.9375rem;font-weight:500;text-decoration:none;border:none;border-radius:8px;cursor:pointer;transition:all 0.2s ease}.social-builds-page .btn--primary{background-color:var(--accent);color:var(--bg-primary)}.social-builds-page .btn--primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}@media (max-width:768px){.social-builds__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.social-builds__card-content{padding:1rem}.social-builds__build-number{font-size:0.6875rem}.social-builds__card-title{font-size:1.0625rem}.social-builds__price{font-size:1.25rem}.social-builds__video-link{width:36px;height:36px}.social-builds__video-icon{width:18px;height:18px}.social-builds__components{padding:1.25rem}.social-builds__component-row .social-builds__component-name{font-size:0.8125rem}.social-builds__component-row .social-builds__component-price{font-size:0.875rem}.social-builds__components-table .social-builds__component-type{width:80px;font-size:0.8125rem}.social-builds__components-table .social-builds__component-name{font-size:0.8125rem}.social-builds__components-table .social-builds__component-price{font-size:0.8125rem}}@media (max-width:640px){.social-builds-page{padding:16px 0 60px!important}.social-builds-page .container{padding:0 16px!important}.social-builds__header{text-align:left}.social-builds__title{font-size:1.25rem;font-weight:600}.social-builds__subtitle{font-size:0.875rem}.social-builds__grid{grid-template-columns:1fr;gap:1rem}.social-builds__card{border-radius:10px}.social-builds__thumbnail{aspect-ratio:16 / 10}.social-builds__expand-indicator{width:32px;height:32px;bottom:0.5rem;right:0.5rem}.social-builds__expand-indicator svg{width:20px;height:20px}.social-builds__card-content{padding:0.875rem;gap:0.375rem}.social-builds__card-title{font-size:1rem}.social-builds__description{font-size:0.8125rem;-webkit-line-clamp:2}.social-builds__price{font-size:1.125rem}.social-builds__video-links{gap:0.5rem;margin-top:0.625rem;padding-top:0.625rem}.social-builds__video-link{width:38px;height:38px;border-radius:6px}.social-builds__components{padding:1rem}.social-builds__components-title{font-size:0.875rem;margin-bottom:0.75rem}.social-builds__component-row{padding:0.25rem 0.375rem;gap:0.375rem}.social-builds__component-image{width:28px;height:28px}.social-builds__component-row .social-builds__component-name{font-size:0.75rem}.social-builds__component-row .social-builds__component-price{font-size:0.75rem}.social-builds__total-row{padding:0.75rem 0.5rem 0}.social-builds__total-row .social-builds__total-price{font-size:1.125rem}.social-builds__components-table{font-size:0.8125rem}.social-builds__components-table td{padding:0.5rem 0.375rem}.social-builds__components-table .social-builds__component-type{width:70px;font-size:0.75rem}.social-builds__components-table .social-builds__component-name{font-size:0.8125rem}.social-builds__components-table .social-builds__component-price{font-size:0.75rem}.social-builds__components-table .social-builds__total-price{font-size:0.9375rem}.social-builds__cta{margin-top:1rem}.social-builds__cta .btn{width:100%;padding:0.875rem 1.25rem}.social-builds__empty{padding:2rem 1rem}.social-builds__js-notice{padding:0.875rem;font-size:0.8125rem;margin-top:1rem}}@media (max-width:400px){.social-builds__component-type{width:60px}.social-builds__video-links{justify-content:center}}