.container-hd[data-v-33472f91]{max-width:1400px;margin:0 auto;padding:20px}.hero-grid-system[data-v-33472f91]{grid-template-rows:repeat(2,280px);grid-template-columns:repeat(4,1fr);gap:15px;width:100%;display:grid}.grid-card[data-v-33472f91]{background:#eee;border-radius:12px;text-decoration:none;display:block;position:relative;overflow:hidden}.grid-card img[data-v-33472f91]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,1,.3,1);display:block}.grid-card[data-v-33472f91]:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(0deg,#000000bf 0,#0000 70%);position:absolute;inset:0}.grid-card:hover img[data-v-33472f91]{transform:scale(1.06)}.grid-card[data-v-33472f91]:hover:after{background:linear-gradient(0deg,#000000d9 0,#0000 75%)}.main-card[data-v-33472f91]{grid-area:span 2/span 2}.middle-card[data-v-33472f91]{grid-area:span 2/span 1}.small-card[data-v-33472f91]{grid-area:span 1/span 1}.overlay-text[data-v-33472f91]{color:#fff;pointer-events:none;z-index:2;width:100%;padding:30px;position:absolute}.overlay-text .subjudul[data-v-33472f91]{color:#ff1919;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:8px;font-size:.85rem;font-weight:700}.overlay-text .judul[data-v-33472f91]{letter-spacing:-.5px;text-transform:uppercase;margin:0;font-size:clamp(1.5rem,2.5vw,2.6rem);font-weight:800;line-height:1.1}.overlay-text .judul-small[data-v-33472f91]{text-shadow:2px 2px 10px #00000080;text-transform:uppercase;font-size:1.25rem;font-weight:700;line-height:1.2}.overlay-text .deskripsi[data-v-33472f91]{opacity:.9;max-width:90%;margin:15px 0;font-size:1rem;line-height:1.5}.overlay-text .overlay-button[data-v-33472f91]{pointer-events:none;margin-top:20px}.bottom-left[data-v-33472f91]{bottom:0;left:0}.top-right[data-v-33472f91]{text-align:right;top:0;right:0}.centered[data-v-33472f91]{text-align:center;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:1100px){.hero-grid-system[data-v-33472f91]{grid-template-rows:repeat(3,220px);grid-template-columns:repeat(3,1fr)}.main-card[data-v-33472f91]{grid-area:span 2/span 2}}@media (max-width:850px){.hero-grid-system[data-v-33472f91]{grid-template-rows:auto;grid-template-columns:repeat(2,1fr)}.main-card[data-v-33472f91]{grid-column:span 2;height:350px}.middle-card[data-v-33472f91]{grid-column:span 1;height:300px}.small-card[data-v-33472f91]{grid-column:span 1;height:142.5px}}@media (max-width:550px){.hero-grid-system[data-v-33472f91]{flex-direction:column;display:flex}.grid-card[data-v-33472f91]{height:300px!important}}.hero-header[data-v-d4ef7e0b]{flex-wrap:wrap;align-items:baseline;gap:1rem;display:flex}.hero-header .subtitle[data-v-d4ef7e0b]{color:#757575;text-transform:uppercase;font-size:.875rem}.hero-header .title[data-v-d4ef7e0b]{color:#212121;flex:100%;font-size:2rem;font-weight:700}.hero-header .view-more[data-v-d4ef7e0b]{color:#212121;border-bottom:1px solid #0000;margin-left:auto;font-size:.875rem;text-decoration:none;transition:border-color .2s}.hero-header .view-more[data-v-d4ef7e0b]:hover{border-color:#212121}.product-grid[data-v-d4ef7e0b]{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:1.5rem;display:grid}@media (max-width:900px){.product-grid[data-v-d4ef7e0b]{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.product-grid[data-v-d4ef7e0b]{grid-template-columns:repeat(2,1fr)}}