.service-new-section{padding:60px 0;min-height:400px;background-color:var(--section-bg-color, #ffffff);color:var(--text-color, #333333)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.service-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:100%}.service-card{background:#fff;border-radius:12px;border:1px solid #e9ecef;overflow:hidden;cursor:pointer;transition:transform .2s ease;display:flex;flex-direction:column;height:100%;will-change:transform}.service-card:hover{transform:translateY(-2px)}.card-image{width:100%;height:200px;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover}.card-content{padding:24px;flex:1;display:flex;flex-direction:column}.card-title{margin:0 0 12px;font-weight:600;line-height:1.3;color:var(--title-color, #000000);font-size:var(--title-font-size, 24px)}.card-text{margin:0 0 20px;line-height:1.5;flex:1;color:var(--text-color, #333333);font-size:var(--text-font-size, 16px)}.card-button{padding:12px 24px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:opacity .2s ease;align-self:flex-start;margin-top:auto;background-color:var(--button-bg-color, #007bff);color:var(--button-text-color, #ffffff);font-size:var(--button-font-size, 16px)}.card-button:hover{opacity:.9}.service-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#0000;justify-content:center;align-items:center;padding:20px;transition:background-color .15s ease-out}.service-modal.active{display:flex!important;background-color:#0009}.modal-content{border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;border:1px solid #ddd;background-color:var(--modal-bg-color, #ffffff);transform:translateY(-10px);opacity:0;transition:transform .15s ease,opacity .15s ease;will-change:transform,opacity}.service-modal.active .modal-content{transform:translateY(0);opacity:1}.modal-header{padding:30px 30px 20px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #eee;margin-bottom:30px}.modal-header h2{margin:0;font-weight:600;line-height:1.3;flex:1;padding-right:20px;color:var(--title-color, #000000);font-size:var(--modal-title-font-size, 28px)}.close-btn{font-size:32px;color:#999;cursor:pointer;line-height:1;transition:color .2s ease;background:none;border:none;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.close-btn:hover{color:#333;background-color:#f5f5f5}.modal-body{padding:0 30px 30px}.services-list{display:flex;flex-direction:column;gap:20px}.service-item{padding:20px;border-radius:10px;border:1px solid #e9ecef;transition:border-color .2s ease;background-color:var(--service-item-bg-color, #f8f9fa)}.service-item:hover{border-color:#007bff}.service-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;flex-wrap:wrap;gap:12px}.service-header h4{margin:0;font-weight:600;flex:1;min-width:200px;color:var(--service-title-color, #333333);font-size:var(--service-title-font-size, 18px)}.service-meta{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.service-meta .duration{font-weight:500;padding:4px 8px;border-radius:6px;background-color:#007bff1a;white-space:nowrap;color:var(--service-meta-color, #666666);font-size:var(--service-meta-font-size, 14px)}.service-meta .price{font-weight:600;padding:4px 8px;border-radius:6px;white-space:nowrap;background-color:#28a7451a;color:var(--service-price-color, #28a745);font-size:var(--service-price-font-size, 16px)}.service-description{margin-top:12px}.toggle-description{background:none;border:none;cursor:pointer;font-weight:500;padding:8px 0;color:var(--toggle-color, #007bff);font-size:var(--service-meta-font-size, 14px)}.toggle-description:hover{text-decoration:underline}.description-content{margin-top:12px;padding-top:12px;border-top:1px solid #eee}.description-content p{margin:0;line-height:1.6;color:var(--service-description-color, #555555);font-size:var(--service-description-font-size, 14px)}@media (min-width: 768px){.service-cards-grid{grid-template-columns:repeat(var(--desktop-columns, 3),1fr);gap:30px;max-width:1000px;margin:0 auto}}@media (min-width: 768px) and (max-width: 991px){.service-cards-grid{grid-template-columns:repeat(var(--tablet-columns, 2),1fr);gap:24px;max-width:900px}.container{padding:0 16px}.service-new-section{padding:40px 0}.modal-content{max-width:90vw}.modal-header,.modal-body{padding-left:24px;padding-right:24px}.service-header{flex-direction:column;align-items:flex-start;gap:8px}.service-meta{gap:12px}}@media (max-width: 767px){.service-cards-grid{grid-template-columns:repeat(var(--mobile-columns, 1),1fr);gap:20px}.container{padding:0 16px}.service-new-section{padding:30px 0}.card-content{padding:20px}.card-image{height:180px}.service-modal{padding:10px}.modal-content{max-width:100%;max-height:95vh;margin:0;border-radius:12px}.modal-header{padding:20px 20px 15px;margin-bottom:20px}.modal-header h2{font-size:22px;padding-right:15px}.close-btn{font-size:28px;width:28px;height:28px}.modal-body{padding:0 20px 20px}.service-item{padding:16px}.service-header{flex-direction:column;align-items:flex-start;gap:8px}.service-header h4{min-width:auto;font-size:16px}.service-meta{gap:8px;width:100%}.service-meta .duration,.service-meta .price{font-size:13px;padding:3px 6px}.card-button{padding:14px 24px;font-size:16px}.toggle-description{padding:10px 0;font-size:15px}}@media (max-width: 480px){.container{padding:0 12px}.card-content{padding:16px}.modal-header,.modal-body{padding-left:16px;padding-right:16px}.service-item{padding:12px}.service-meta .duration,.service-meta .price{font-size:12px}}.service-card:focus,.card-button:focus,.close-btn:focus,.toggle-description:focus{outline:2px solid var(--button-bg-color, #007bff);outline-offset:2px}.service-card{contain:layout style paint}.modal-content{contain:layout style}.service-item{contain:layout style paint}.card-image img{contain:size layout style}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important;transform:none!important}}@media print{.service-modal{display:none!important}.service-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.card-button{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/service-new-section.css.map */