/* ============================================ MONLIS Website - Service Pricing Section Price list with gallery Figma node:18:3835 ============================================ *//* ========================================== SECTION CONTAINER ========================================== */.service-pricing {width:100%;background-color:#232323;padding:100px 0;}.service-pricing__container {max-width:1440px;margin:0 auto;padding:0 170px;display:flex;gap:64px;}/* ========================================== GALLERY (LEFT SIDE) 3 rows x 2 columns Figma:206.664px × 258.328px per image ========================================== */.service-pricing__gallery {flex-shrink:0;width:430px;display:flex;flex-direction:column;gap:64px;}.service-pricing__gallery-row {display:flex;gap:16px;}.service-pricing__gallery-item {width:207px;height:258px;border-radius:24px;overflow:hidden;}.service-pricing__gallery-item img {width:100%;height:100%;object-fit:cover;}/* ========================================== CONTENT (RIGHT SIDE) ========================================== */.service-pricing__content {flex:1;display:flex;flex-direction:column;}/* ========================================== HEADER ========================================== */.service-pricing__header {margin-bottom:48px;}.service-pricing__subtitle {font-family:var(--font-secondary,'Montserrat',sans-serif);font-weight:500;font-size:11px;line-height:16.5px;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,0.5);margin:0 0 16px;}.service-pricing__title {font-family:var(--font-secondary,'Montserrat',sans-serif);font-weight:700;font-size:72px;line-height:90px;letter-spacing:-2px;text-transform:uppercase;color:#ffffff;margin:0;}/* ========================================== PRICE TABLE ========================================== */.service-pricing__table-wrapper {width:100%;}/* Table Header */.service-pricing__table-header {display:grid;grid-template-columns:1fr 80px 80px 100px;gap:24px;padding:0 0 9px;border-bottom:1px solid rgba(255,255,255,0.1);margin-bottom:8px;}.service-pricing__table-header span {font-family:var(--font-secondary,'Montserrat',sans-serif);font-weight:600;font-size:11px;line-height:16.5px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,0.6);text-align:right;}.service-pricing__table-header span:first-child {text-align:left;}/* Table Row */.service-pricing__row {display:grid;grid-template-columns:1fr 80px 80px 100px;gap:24px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,0.05);align-items:center;}.service-pricing__row:last-child {border-bottom:none;}.service-pricing__service {display:flex;flex-direction:column;gap:4px;}.service-pricing__service-name {font-family:var(--font-secondary,'Montserrat',sans-serif);font-weight:600;font-size:15px;line-height:22.5px;letter-spacing:0.5px;text-transform:uppercase;color:#ffffff;}.service-pricing__service-desc {font-family:var(--font-secondary,'Montserrat',sans-serif);font-weight:400;font-size:12px;line-height:18px;color:rgba(255,255,255,0.5);}.service-pricing__price {font-family:var(--font-secondary,'Montserrat',sans-serif);font-weight:600;font-size:18px;line-height:27px;color:#ffffff;text-align:right;}/* ========================================== RESPONSIVE ========================================== */@media (max-width:1400px) {.service-pricing__container {padding:0 80px;}.service-pricing__gallery {width:350px;gap:48px;}.service-pricing__gallery-item {width:167px;height:210px;}}@media (max-width:1200px) {.service-pricing__container {padding:0 48px;gap:48px;}.service-pricing__title {font-size:56px;line-height:70px;}.service-pricing__gallery {width:300px;gap:32px;}.service-pricing__gallery-item {width:142px;height:180px;}.service-pricing__table-header,.service-pricing__row {grid-template-columns:1fr 70px 70px 90px;gap:16px;}}@media (max-width:1024px) {.service-pricing__container {flex-direction:column;gap:48px;}.service-pricing__gallery {width:100%;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:16px;}.service-pricing__gallery-row {gap:16px;}.service-pricing__gallery-item {width:140px;height:175px;border-radius:16px;}.service-pricing__title {font-size:48px;line-height:60px;}}@media (max-width:768px) {.service-pricing {padding:60px 0;}.service-pricing__container {padding:0 20px;}.service-pricing__title {font-size:36px;line-height:44px;}.service-pricing__gallery-item {width:100px;height:125px;border-radius:12px;}.service-pricing__table-header {grid-template-columns:1fr 70px 70px 70px;gap:8px;}.service-pricing__row {grid-template-columns:1fr 70px 70px 70px;gap:8px;padding:16px 0;}.service-pricing__service-name {font-size:12px;line-height:18px;}.service-pricing__service-desc {font-size:10px;}.service-pricing__price {font-size:14px;}}@media (max-width:480px) {.service-pricing__gallery-item {width:80px;height:100px;}.service-pricing__title {font-size:28px;line-height:36px;}.service-pricing__table-header,.service-pricing__row {grid-template-columns:1fr 55px 55px 55px;gap:4px;}.service-pricing__table-header span {font-size:8px;letter-spacing:0.5px;}.service-pricing__service-name {font-size:10px;line-height:14px;}.service-pricing__price {font-size:12px;}}