.almas-content-box{margin:0 auto;border-radius: var(--almas-radius-element, 16px);position:relative;overflow:hidden;max-width:1200px;font-family:inherit;box-sizing:border-box;contain:paint}
.almas-content-title{font-size:22px;font-weight:700;color:#000;margin:0 0 12px;padding:0;text-align:center;background:none;border:none;box-shadow:none}
.almas-features-grid{column-count:3;column-gap:16px;width:100%}
.almas-feature-card{background:var(--almas-glass-surface);backdrop-filter:blur(var(--almas-glass-blur));-webkit-backdrop-filter:blur(var(--almas-glass-blur));border:1px solid var(--almas-glass-border);border-radius: var(--almas-radius-element, 12px);padding:16px;box-shadow:0 5px 20px rgba(0,0,0,0.08);transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);width:100%;box-sizing:border-box;break-inside:avoid;margin-bottom:16px;display:inline-block;contain:paint}
@media (hover: hover){
.almas-feature-card:hover {transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,0.12)}
}
.almas-feature-header{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,0.06)}
.almas-feature-header h3{margin:0;font-size:16px;font-weight:700;color:#000;text-align:start}
.almas-header-only{margin-bottom:0;padding-bottom:0;border-bottom:none}
.almas-feature-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.almas-feature-list li{position:relative;padding-inline-start:16px;font-size:13px;color:#333;line-height:1.6;transition:color 0.2s ease}
.almas-feature-list li::before{content:"";position:absolute;inset-inline-start:0;top:8px;width:5px;height:5px;border-radius:50%;background:rgba(0,0,0,0.35);transition:background 0.2s ease}
@media (hover: hover){
.almas-feature-list li:hover {color:#000}
}
@media (hover: hover){
.almas-feature-list li:hover::before {background:#000}
}

@media (min-width: 769px) {
    .almas-features-grid:has(> .almas-feature-card:only-child) {
        display: flex;
        justify-content: center;
    }
    .almas-features-grid:has(> .almas-feature-card:only-child) .almas-feature-card {
        max-width: 600px;
        width: 100%;
        margin-bottom: 0;
    }
    .almas-features-grid:has(> .almas-feature-card:nth-child(2):last-child) {
        display: flex;
        justify-content: center;
        gap: 16px;
    }
    .almas-features-grid:has(> .almas-feature-card:nth-child(2):last-child) .almas-feature-card {
        flex: 1;
        max-width: 580px;
        margin-bottom: 0;
    }
}

@media (max-width:1024px){
    .almas-features-grid{column-count:2}
}
@media (max-width:768px){
    .almas-content-box{border-radius: var(--almas-radius-element, 12px);}
    .almas-content-title{font-size:18px;margin-bottom:10px}
    .almas-features-grid{column-count:1;column-gap:0}
    .almas-feature-card{padding:14px;margin-bottom:12px;box-shadow:0 4px 15px rgba(0,0,0,0.06)}
    .almas-feature-header h3{font-size:15px}
    .almas-feature-list li{font-size:12px}
}

body.dark-mode .almas-content-box{background:transparent;border-color:transparent;box-shadow:none}
body.dark-mode .almas-content-title{color:#f8fafc}
body.dark-mode .almas-feature-card{background:var(--almas-glass-surface);border-color:rgba(255,255,255,0.06);box-shadow:0 5px 20px rgba(0,0,0,0.25)}
@media (hover: hover){
body.dark-mode .almas-feature-card:hover {box-shadow:0 4px 18px rgba(0,0,0,0.22)}
}
body.dark-mode .almas-feature-header{border-bottom-color:rgba(255,255,255,0.05)}
body.dark-mode .almas-feature-header h3{color:#f8fafc}
body.dark-mode .almas-feature-list li{color:#cbd5e1}
body.dark-mode .almas-feature-list li::before{background:rgba(255,255,255,0.25)}
@media (hover: hover){
body.dark-mode .almas-feature-list li:hover {color:#fff}
}
@media (hover: hover){
body.dark-mode .almas-feature-list li:hover::before {background:#fff}
}
@media (max-width: 1024px) {
    .almas-feature-card { background: var(--almas-glass-bg-solid) !important; }
    body.dark-mode .almas-feature-card { background: var(--almas-glass-bg-solid) !important; }
}