.bstar-products { isolation:isolate; padding:clamp(56px,7vw,100px) 0; scroll-margin-top:110px; }
.bstar-products .container { width:100%; max-width:1320px; padding-inline:24px; }
.bstar-products .project-top { row-gap:24px; }
.bstar-products .title-design { max-width:500px; }
.bstar-products .second-heading { font-size:clamp(36px,4.5vw,64px); line-height:1.25; overflow-wrap:anywhere; }
.bstar-products .heading { line-height:1.6; }
.bstar-products .title-design > img { width:min(100%,330px); pointer-events:none; }
.bstar-products .sticky-project { display:flex; flex-direction:column; gap:60px; margin-top:60px; }
.bstar-products .data-detail { width:calc(100% + 24px); margin-inline:-12px; row-gap:24px; }
.bstar-products .data-detail > div { min-width:0; }
.bstar-products .project-detail { gap:28px; }
.bstar-products .number-of-project { gap:24px; flex:0 0 auto; }
.bstar-products .number-of-project img { width:100px; height:auto; }
.bstar-products .name-project { flex:1; min-width:0; max-width:none; padding-inline-end:24px; }
.bstar-products .name-project h3 { margin:0; }
.bstar-products .name-project a { font-size:clamp(24px,2.3vw,32px); line-height:1.45; overflow-wrap:anywhere; }
.bstar-products .name-contru { max-width:100%; overflow-wrap:anywhere; }
.bstar-products .porject-image .img { display:block; margin:0; }
.bstar-products .porject-image .img-container { width:100%; height:auto; aspect-ratio:4/3; background:var(--princing-box-border); }
.bstar-products .porject-image .img-container img { display:block; width:100%; height:100%; object-fit:contain; transform:none; }
.bstar-product-image-empty { display:flex; width:100%; height:100%; align-items:center; justify-content:center; text-align:center; padding:24px; color:var(--text-color); }
.bstar-products .fade_down { opacity:1; transform:none; }
.bstar-products .project-right { inset-inline-end:3%; right:auto; max-width:120px; pointer-events:none; }
.bstar-products .project-right img { max-width:100%; }
.bstar-products a:focus-visible { outline:2px solid var(--theme-data); outline-offset:4px; }
@media(max-width:1199px) { .bstar-products .number-of-project { flex-direction:column; gap:6px; } .bstar-products .number-of-project img { width:64px; } }
@media(max-width:767px) { .bstar-products .container { padding-inline:20px; } .bstar-products .project-detail { gap:20px; } .bstar-products .name-project { padding:0; } .bstar-products .sticky-project { gap:40px; margin-top:40px; } }
@media(prefers-reduced-motion:reduce) { .bstar-products * { animation:none!important; transition:none!important; } }